/* Only what Tailwind utilities don't cover. Brand tokens live in the
   tailwind.config block in inc/header.php. */

/* Hide Alpine-controlled elements until Alpine boots. */
[x-cloak] { display: none !important; }

/* Faint paper grain behind the page. Kept very low contrast so it reads as
   texture rather than a pattern. */
body {
    background-image:
        radial-gradient(rgba(27, 42, 74, 0.05) 0.5px, transparent 0.5px),
        radial-gradient(rgba(200, 145, 47, 0.04) 0.5px, transparent 0.5px);
    background-size: 7px 7px, 11px 11px;
    background-position: 0 0, 3px 4px;
}

/* Visible, on-brand focus ring everywhere. */
:where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid #C8912F;
    outline-offset: 2px;
    border-radius: 2px;
}