/* BNV Flight Radar V2 — Design tokens */
:root {
    --bnv-bg: #050a12;
    --bnv-surface: #0a1220;
    --bnv-surface-2: #101c2e;
    --bnv-surface-3: #162238;
    --bnv-glass: rgba(10, 18, 32, 0.96);
    --bnv-border: rgba(255, 255, 255, 0.07);
    --bnv-border-strong: rgba(255, 255, 255, 0.12);
    --bnv-primary: #1a6fe8;
    --bnv-primary-dim: rgba(26, 111, 232, 0.14);
    --bnv-accent: #38bdf8;
    --bnv-accent-warm: #f59e0b;
    --bnv-text: rgba(255, 255, 255, 0.94);
    --bnv-text-2: rgba(255, 255, 255, 0.72);
    --bnv-muted: rgba(148, 163, 184, 0.85);
    --bnv-success: #22c55e;
    --bnv-warning: #f59e0b;
    --bnv-danger: #ef4444;
    --bnv-radius: 6px;
    --bnv-radius-lg: 10px;
    --bnv-blur: blur(12px);
    --bnv-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
    --bnv-drawer-w: min(400px, 32vw);
    --bnv-drawer-wide: min(420px, 34vw);
    --bnv-left-panel-w: min(380px, 28vw);
    --bnv-left-panel-max-w: 420px;
    --bnv-left-panel-inset-left: 14px;
    --bnv-left-panel-inset-top: 16px;
    --bnv-left-panel-inset-bottom: 16px;
    --bnv-left-panel-stack-gap: 10px;
    --bnv-transition: 0.24s cubic-bezier(0.32, 0.72, 0, 1);
    --bnv-topbar-h: 52px;
    --bnv-statusbar-h: 30px;
    --bnv-mobile-nav-h: 52px;
    --bnv-mapctl-offset: 0px;
    --bnr-safe-l: env(safe-area-inset-left, 0px);
    --bnr-safe-r: env(safe-area-inset-right, 0px);
    --bnr-toolbar-h: 56px;
    --bnr-safe-b: env(safe-area-inset-bottom, 0px);
    --bnr-topbar-h: var(--bnv-topbar-h);
    --bnr-yellow: var(--bnv-accent);
    --bnr-blue: var(--bnv-primary);
    --bnr-above-toolbar: calc(var(--bnr-toolbar-h) + var(--bnv-statusbar-h) + var(--bnv-mobile-nav-h) + var(--bnr-safe-b) + 8px);
    --bnv-mobile-stack-h: calc(var(--bnv-mobile-nav-h) + var(--bnv-statusbar-h) + var(--bnr-safe-b));
}

@media (max-width: 767px) {
    :root {
        --bnr-above-toolbar: var(--bnv-mobile-stack-h);
    }
}

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

@media (min-width: 768px) {
    :root { --bnr-above-toolbar: calc(var(--bnr-toolbar-h) + var(--bnv-statusbar-h) + var(--bnr-safe-b) + 10px); }
}