/*
 * Daisy theme sets strong/em to accent color (themes/daisy/src/css/main.css).
 * Use normal body text color instead: dark in light mode, white in dark mode.
 */
main :is(strong, em) {
    color: var(--color-base-content);
}

.home-callout {
    margin: 1.5rem 0;
    padding: 1.25rem 1.5rem;
    border-radius: var(--radius-box, 0.5rem);
    border: 1px solid var(--color-base-300);
    border-left: 4px solid var(--color-primary);
    background-color: var(--color-base-200);
    box-shadow: 0 4px 14px rgb(0 0 0 / 0.1);
}

.home-callout a {
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.home-callout a:hover {
    color: var(--color-secondary);
}

[data-theme="halloween"] {
    /* --color-base-100: #333333; */
    --color-base-200: #3d3d3d;
    --color-base-300: #4a4a4a;
    --color-primary: #f37433;
    --color-primary-content: #ffffff;
    --color-secondary: #65713f;
    --color-secondary-content: #ffffff;
}