/* Custom styles that complement Tailwind — all above-the-fold content is visible without JS */

:root {
    --terracotta: #DD614E;
    --terracotta-dark: #A83528;
    --sand: #D4AC56;
    --cream: #FDF8F0;
}

/* Ensure all hero content is visible immediately */
#hero h1,
#hero p,
#hero a,
#hero .inline-flex,
#hero .grid {
    opacity: 1 !important;
    transform: none !important;
}

/* Smooth focus styles */
*:focus-visible {
    outline: 2px solid var(--terracotta);
    outline-offset: 2px;
}

/* Selection color */
::selection {
    background: #F2B5A6;
    color: #3F1511;
}

/* Reduce motion preference */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    html {
        scroll-behavior: auto;
    }
}