/* =============================================================================
   generated_color-tokens.css — TIER 2 semantics (--c-*)
   -----------------------------------------------------------------------------
   SOURCE: Common/Design/SemanticTokens.cs (Core) + Common/Design/WebSemanticTokens. */

/* ───────────────────────── LIGHT (base) ─────────────────────────────────── */
:root {
    /* Brand */
    --c-primary: var(--nt-azure-500);
    --c-primary-rgb: var(--nt-azure-500-rgb);
    --c-on-primary: var(--nt-white);
    /* Status */
    --c-success: var(--nt-green-600);
    --c-on-success: var(--nt-white);
    --c-error: var(--nt-red-600);
    --c-on-error: var(--nt-white);
    /* Accent */
    --c-favourite: var(--nt-gold);
    /* Notification level fills */
    --c-notif-info: var(--nt-blue-800);
    --c-notif-warning: var(--nt-amber-600);
    --c-notif-critical: var(--nt-red-600);
    --c-on-notif: var(--nt-white);
    /* Notification list states */
    --c-notif-ongoing: #EA580C;
    --c-notif-resolved: var(--nt-slate-500);
    --c-notif-ongoing-info: var(--nt-blue-800);
    --c-notif-ongoing-warning: var(--nt-amber-600);
    --c-notif-ongoing-critical: var(--nt-red-600);
    /* Surfaces */
    --c-surface-page: var(--nt-slate-200);
    --c-surface: var(--nt-white);
    --c-surface-elevated: #F3F3F3;
    --c-surface-hover: #DDDDDD;
    /* Borders */
    --c-border-subtle: rgba(0, 0, 0, 0.08);
    --c-divider: var(--nt-slate-100);
    /* Text */
    --c-text-primary: var(--nt-slate-900);
    --c-text-secondary: var(--nt-slate-500);
    --c-text-muted: var(--nt-slate-400);
    --c-text-faint: var(--nt-slate-300);
    --c-stale: var(--nt-slate-400);
    /* Shadows */
    --c-shadow-xs: rgba(0, 0, 0, 0.06);
    --c-shadow-sm: rgba(0, 0, 0, 0.10);
    --c-shadow-md: rgba(0, 0, 0, 0.20);
    --c-shadow-lg: rgba(0, 0, 0, 0.35);
    /* Media chrome (always dark) */
    --c-media-bg: var(--nt-black);
    --c-media-surface: #1A1A1A;
    --c-media-surface-raised: #2A2A2A;
    --c-media-surface-hover: #333333;
    /* Scrims */
    --c-scrim-weak: rgba(0, 0, 0, 0.50);
    --c-scrim-medium: rgba(0, 0, 0, 0.60);
    --c-scrim-strong: rgba(0, 0, 0, 0.80);
    /* Overlays */
    --c-overlay-light: rgba(var(--nt-white-rgb), 0.90);
    --c-overlay-loading: #BBCCDD;
    /* Map / Leaflet chrome */
    --c-map-surface: #262B36;
    --c-map-chrome: #2A2F3A;
    --c-map-chrome-border: #3A4150;
}

/* ───────────────────────────── DARK ─────────────────────────────────────── */
:root[data-theme="dark"] {
    --c-primary: var(--nt-azure-400);
    --c-primary-rgb: var(--nt-azure-400-rgb);
    --c-success: var(--nt-green-400);
    --c-error: var(--nt-red-400);
    --c-favourite: var(--nt-orange-400);
    --c-notif-info: var(--nt-blue-900);
    --c-notif-critical: var(--nt-red-700);
    --c-notif-ongoing: #FB7A3C;
    --c-notif-resolved: var(--nt-slate-400);
    --c-notif-ongoing-info: #818CF8;
    --c-notif-ongoing-warning: var(--nt-amber-400);
    --c-notif-ongoing-critical: var(--nt-red-400);
    --c-surface-page: var(--nt-slate-900);
    --c-surface: var(--nt-slate-800);
    --c-surface-elevated: #0F1D31;
    --c-surface-hover: #1F3A5F;
    --c-border-subtle: rgba(255, 255, 255, 0.08);
    --c-divider: rgba(255, 255, 255, 0.08);
    --c-text-primary: var(--nt-slate-100);
    --c-text-secondary: #8696AE;
    --c-text-faint: var(--nt-slate-700);
    --c-shadow-xs: rgba(0, 0, 0, 0.30);
    --c-shadow-sm: rgba(0, 0, 0, 0.40);
    --c-shadow-md: rgba(0, 0, 0, 0.50);
    --c-shadow-lg: rgba(0, 0, 0, 0.60);
    --c-overlay-loading: #0B1220;
}

/* ───────────────────────────── NIGHT ────────────────────────────────────── */
:root[data-theme="night"] {
    --c-primary: var(--nt-crimson-500);
    --c-primary-rgb: var(--nt-crimson-500-rgb);
    --c-on-primary: #E0CCCC;
    --c-success: var(--nt-green-700);
    --c-error: var(--nt-red-500);
    --c-favourite: var(--nt-orange-600);
    --c-notif-info: #4C1717;
    --c-notif-warning: #AB5B00;
    --c-notif-critical: #C50E0E;
    --c-on-notif: #E0CCCC;
    --c-notif-ongoing: #E0734A;
    --c-notif-resolved: #806C6C;
    --c-notif-ongoing-info: #C9A0A0;
    --c-notif-ongoing-warning: #E0954A;
    --c-notif-ongoing-critical: #F08080;
    --c-surface-page: #0D0000;
    --c-surface: #1A0A0A;
    --c-surface-elevated: #261212;
    --c-surface-hover: #2A0F0F;
    --c-border-subtle: rgba(var(--nt-red-500-rgb), 0.10);
    --c-divider: rgba(var(--nt-red-500-rgb), 0.10);
    --c-text-primary: var(--nt-red-500);
    --c-text-secondary: #A89090;
    --c-text-muted: #7A5A5A;
    --c-text-faint: #3A1F1F;
    --c-stale: #7A5A5A;
    --c-shadow-xs: rgba(0, 0, 0, 0.30);
    --c-shadow-sm: rgba(0, 0, 0, 0.40);
    --c-shadow-md: rgba(0, 0, 0, 0.50);
    --c-shadow-lg: rgba(0, 0, 0, 0.60);
    --c-overlay-loading: #0D0000;
}