/* ═══════════════════════════════════════════════════════════
   PatrolWizzard V6 — Design Tokens
   ═══════════════════════════════════════════════════════════ */

:root {
    /* ── Brand ─────────────────────────────────── */
    --pw-primary: #2563eb;
    --pw-primary-light: #3b82f6;
    --pw-primary-dark: #1d4ed8;
    --pw-primary-50: rgba(37,99,235,0.08);
    --pw-primary-100: rgba(37,99,235,0.15);

    /* ── Surfaces ──────────────────────────────── */
    --bg-body: #f1f5f9;
    --bg-sidebar: #0f172a;
    --bg-sidebar-hover: #1e293b;
    --bg-sidebar-active: rgba(37,99,235,0.2);
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --bg-header: #ffffff;
    --bg-overlay: rgba(15,23,42,0.5);
    --bg-tooltip: #1e293b;

    /* ── Text ──────────────────────────────────── */
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --text-inverse: #ffffff;
    --text-sidebar: #94a3b8;
    --text-sidebar-active: #ffffff;
    --text-link: #2563eb;

    /* ── Borders ───────────────────────────────── */
    --border-light: #e2e8f0;
    --border-default: #cbd5e1;
    --border-focus: #2563eb;
    --border-error: #ef4444;

    /* ── Status Colors ─────────────────────────── */
    --color-success: #10b981;
    --color-success-bg: rgba(16,185,129,0.1);
    --color-warning: #f59e0b;
    --color-warning-bg: rgba(245,158,11,0.1);
    --color-danger: #ef4444;
    --color-danger-bg: rgba(239,68,68,0.1);
    --color-info: #3b82f6;
    --color-info-bg: rgba(59,130,246,0.1);

    /* ── Spacing Scale ─────────────────────────── */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-8: 32px;
    --sp-10: 40px;
    --sp-12: 48px;

    /* ── Typography ────────────────────────────── */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
    --text-xs: 11px;
    --text-sm: 13px;
    --text-base: 14px;
    --text-md: 15px;
    --text-lg: 18px;
    --text-xl: 22px;
    --text-2xl: 28px;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.65;

    /* ── Radius ────────────────────────────────── */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-full: 9999px;

    /* ── Shadows ────────────────────────────────── */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.04);
    --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.05);

    /* ── Layout ────────────────────────────────── */
    --sidebar-width: 260px;
    --sidebar-collapsed: 68px;
    --header-height: 60px;
    --z-sidebar: 200;
    --z-header: 100;
    --z-overlay: 300;
    --z-modal: 400;
    --z-toast: 500;

    /* ── Transitions ───────────────────────────── */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;
}