/* Ryan Review Center — design tokens (PNP aesthetic) */
:root {
    /* Brand */
    --police-blue: #0B3D91;
    --navy: #0A1F44;
    --gold: #F2A900;
    --white: #FFFFFF;

    /* Neutrals */
    --ink: #111827;
    --slate: #475569;
    --mist: #F1F5F9;
    --border: #E2E8F0;
    --muted: #94A3B8;

    /* Status */
    --success: #16A34A;
    --danger: #DC2626;
    --warning: #D97706;
    --info: #2563EB;

    /* Derived */
    --navy-grad: linear-gradient(160deg, var(--navy) 0%, var(--police-blue) 100%);
    --shadow-sm: 0 1px 2px rgba(10, 31, 68, 0.08);
    --shadow-md: 0 4px 14px rgba(10, 31, 68, 0.10);
    --shadow-lg: 0 12px 32px rgba(10, 31, 68, 0.18);

    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 18px;

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

    --topbar-h: 60px;
    --bottomnav-h: 64px;
    --sidebar-w: 260px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
}