/* ============================================================
   tokens.css — SLCS Project Manual design tokens
   Brand palette sampled from the real SLCS seal logo.
   Blue (#004a99) / gold (#b38b00) legacy branding is retired.
   ============================================================ */

:root {
    /* --- SLCS brand palette --- */
    --sl-navy: #002046;          /* primary: header, nav, headings, primary buttons */
    --sl-navy-accent: #0A3D73;   /* hover / active / lighter navy */
    --sl-silver: #A0A3A5;        /* accents, borders, badges, muted UI — NEVER text on white */
    --sl-slate: #4A4F55;         /* secondary / body-muted text — readable on white (WCAG AA) */

    /* --- Neutral surface tokens --- */
    --bg-light: #F8FAFC;
    --surface: #FFFFFF;
    --text-dark: #0F172A;
    --text-muted: var(--sl-slate);   /* muted text = slate (AA compliant), not silver */
    --border: #E2E8F0;
    --border-strong: #CBD5E1;

    /* --- Semantic accents (kept minimal, brand-neutral) --- */
    --ok-bg: #ECFDF5;
    --ok-fg: #065F46;
    --fire: #B91C1C;

    /* --- Layout metrics --- */
    --sidebar-width: 280px;
    --header-height: 70px;
    --content-max: 1400px;

    /* --- Image display scales (carried over from legacy) --- */
    --axon-image-scale: 100%;
    --floorplan-image-scale: 100%;
}