/* Ryan Review Center — design tokens (PNP aesthetic) */
:root {
    /* Brand */
    --police-blue: #1657D9;
    --police-blue-600: #1249BE;   /* hover/pressed for primary */
    --police-blue-700: #0E3B9C;
    --navy: #0B2472;
    --navy-800: #0A1F63;
    --gold: #FFC629;
    --gold-600: #E6AC00;          /* hover for gold */
    --white: #FFFFFF;

    /* Neutrals (light ramp) */
    --ink: #111827;
    --slate: #475569;
    --slate-500: #64748B;
    --mist: #EAF2FF;              /* app background / subtle fills */
    --surface: #FFFFFF;          /* card/panel surface */
    --surface-2: #F6F9FF;        /* alternate surface / hover row */
    --border: #E2E8F0;
    --border-strong: #CBD8EA;
    --muted: #94A3B8;

    /* Status */
    --success: #16A34A;
    --success-tint: #DCFCE7;
    --danger: #DC2626;
    --danger-tint: #FEE2E2;
    --warning: #D97706;
    --warning-tint: #FEF3C7;
    --info: #2E7BF6;
    --info-tint: #DBEAFE;

    /* Derived */
    --navy-grad: linear-gradient(160deg, var(--navy) 0%, var(--police-blue) 100%);
    --gold-grad: linear-gradient(135deg, var(--gold) 0%, var(--gold-600) 100%);

    /* Elevation — 4 purposeful levels (used for hierarchy, not decoration) */
    --shadow-xs: 0 1px 1px rgba(10, 31, 68, 0.05);
    --shadow-sm: 0 1px 2px rgba(10, 31, 68, 0.08), 0 1px 3px rgba(10, 31, 68, 0.05);
    --shadow-md: 0 4px 14px rgba(10, 31, 68, 0.10);
    --shadow-lg: 0 12px 32px rgba(10, 31, 68, 0.18);
    /* Focus ring color (kept as an alpha so it composes over any surface) */
    --ring: rgba(22, 87, 217, 0.35);

    /* Radius scale */
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-pill: 999px;

    /* Typography */
    --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-head: 'Poppins', var(--font-body);

    /* Type scale (fluid where it helps headings breathe on desktop) */
    --fs-xs: 0.75rem;    /* 12 */
    --fs-sm: 0.85rem;    /* ~14 */
    --fs-base: 1rem;     /* 16 */
    --fs-md: 1.125rem;   /* 18 */
    --fs-lg: 1.3rem;     /* ~21 */
    --fs-xl: 1.6rem;     /* ~26 */
    --fs-2xl: clamp(1.75rem, 1.3rem + 1.6vw, 2.25rem);
    --fs-3xl: clamp(2rem, 1.4rem + 2.4vw, 2.75rem);

    /* Layout metrics */
    --topbar-h: 60px;
    --bottomnav-h: 64px;
    --sidebar-w: 260px;
    --content-max: 1100px;

    /* Spacing scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* Motion */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --dur-fast: 120ms;
    --dur: 180ms;
    --dur-slow: 260ms;
}