/* Site styles that sit outside Tailwind's utilities.
   Layout, colour, and spacing all live in the templates as Tailwind classes and
   in tailwind.config.js; this file is only for global behaviour. */

:root {
    /* Mirrors the palette in tailwind.config.js. */
    --color-primary: #0d1f33;
    --color-secondary: #17304a;
    --color-accent: #f59e0b;
}

html {
    scroll-behavior: smooth;
}

body {
    line-height: 1.7;
}

/* Keyboard focus must stay visible everywhere. */
:focus-visible {
    outline: 3px solid var(--color-accent);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

@media print {
    header,
    footer,
    nav {
        display: none;
    }

    body {
        color: #000;
    }
}