/* Bison Security admin design system.
   Previously this whole file was duplicated inline in a <style> block on
   every admin/*.php page (18 copies, one per page) — any edit meant editing
   18 files and they were already drifting. Loaded once via <link> instead.

   Visual refresh on top of the existing burgundy/gold brand: warm ivory
   canvas and a warmer neutral border in place of the default cool
   Tailwind slate, closer to Claude's surface treatment (warm bg, quiet
   borders, single accent) without changing the brand colors themselves. */

:root {
    --admin-bg: #FAF8F3;
    --admin-border: #E7E2D8;
    --admin-burgundy: #6d0f24;
    --admin-burgundy-dark: #4a0812;
    --admin-gold: #d4af37;
}

/* body.font-sans (element+class) beats Tailwind's own single-class
   .bg-slate-100 on specificity, so this wins without !important and without
   touching the Tailwind utility classes already in the markup. */
body.font-sans { background-color: var(--admin-bg); }

/* Every card/table border on every page uses .border-slate-200 — one
   override warms all of them consistently. !important because this is the
   one deliberate global override and Tailwind's CDN script injects its own
   stylesheet at an unpredictable point in <head>. */
.border-slate-200 { border-color: var(--admin-border) !important; }

body { font-family: 'Lato', ui-sans-serif, system-ui, -apple-system, sans-serif; }

a, button, [role="button"], input[type="submit"], select, input, textarea {
    transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, opacity 150ms ease;
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [role="button"]:focus-visible {
    outline: 2px solid var(--admin-gold); outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

.bg-burgundy { background-color: var(--admin-burgundy); }
.bg-burgundy-dark { background-color: var(--admin-burgundy-dark); }
.hover\:bg-burgundy-dark:hover { background-color: var(--admin-burgundy-dark); }
.text-burgundy { color: var(--admin-burgundy); }
.text-gold { color: var(--admin-gold); }
