:root{
/* ---- Brand base ramp: these are the four values a band overrides ---- */
--brand-primary:#E4002B;      /* Flambeau Red — T&T carnival red */
--brand-secondary:#FFC530;    /* Soca Gold */
--brand-accent:#FF2D87;       /* Mas Magenta */
--brand-support:#00C2A8;      /* Sea Teal */

/* ---- Raw neutrals: warm paper -> carnival midnight ---- */
--n-0:#FFFFFF;
--n-50:#FAF7F3;
--n-100:#F2EDE6;
--n-200:#E4DDD3;
--n-300:#CFC6B9;
--n-400:#9E958A;
--n-500:#6E675E;
--n-600:#4A453F;
--n-700:#2A2831;
--n-800:#1B1A22;
--n-900:#121118;
--n-950:#0A0910;

/* ---- Raw brand tints/shades ---- */
--red-600:#B80022;--red-500:#E4002B;--red-400:#FF3355;--red-100:#FFE0E5;
--gold-600:#C79000;--gold-500:#FFC530;--gold-400:#FFD968;--gold-100:#FFF3D6;
--magenta-600:#C4005F;--magenta-500:#FF2D87;--magenta-400:#FF6BAA;--magenta-100:#FFE3EF;
--teal-600:#00806F;--teal-500:#00C2A8;--teal-400:#4BE0CB;--teal-100:#D4FAF3;
--cyan-500:#29B6FF;--violet-500:#7C4DFF;--orange-500:#FF7A29;

/* ---- Semantic surfaces (light / daylight mode) ---- */
--surface-app:var(--n-50);
--surface-card:var(--n-0);
--surface-sunk:var(--n-100);
--surface-inverse:var(--n-900);
--surface-brand:var(--brand-primary);
--surface-map:#E9E3DA;
--scrim:rgba(10,9,16,.62);

/* ---- Semantic text ---- */
--text-strong:var(--n-900);
--text-body:var(--n-700);
--text-muted:var(--n-500);
--text-faint:var(--n-400);
--text-on-brand:#FFFFFF;
--text-on-inverse:var(--n-50);
--text-link:var(--brand-primary);
--text-link-hover:var(--red-600);

/* ---- Borders ---- */
--border-hairline:rgba(18,17,24,.10);
--border-strong:rgba(18,17,24,.22);
--border-brand:var(--brand-primary);
--border-inverse:rgba(255,255,255,.14);

/* ---- Status: live-data freshness is a first-class semantic ---- */
--live-fresh:var(--teal-500);
--live-aging:var(--gold-500);
--live-stale:var(--n-400);
--status-success:var(--teal-600);
--status-success-bg:var(--teal-100);
--status-warning:var(--gold-600);
--status-warning-bg:var(--gold-100);
--status-danger:var(--red-500);
--status-danger-bg:var(--red-100);
--status-info:var(--cyan-500);
--status-info-bg:#DEF1FF;
--status-neutral:var(--n-500);
--status-neutral-bg:var(--n-100);

/* ---- Live asset identity colors (map legend + markers) ---- */
--asset-band:var(--brand-primary);
--asset-lead-truck:var(--brand-secondary);
--asset-bar:var(--magenta-500);
--asset-restroom:var(--cyan-500);
--asset-security:var(--violet-500);
--asset-medical:var(--teal-500);
--asset-section:var(--orange-500);
--asset-static:var(--n-600);
--asset-me:#111118;
}

/* ROAD MODE — the dark, high-contrast theme used on Carnival Monday & Tuesday
   and anywhere the map is the primary surface. */
[data-theme="road"]{
--surface-app:var(--n-950);
--surface-card:var(--n-800);
--surface-sunk:var(--n-900);
--surface-inverse:var(--n-0);
--surface-map:#14131A;
--text-strong:#FFFFFF;
--text-body:rgba(255,255,255,.82);
--text-muted:rgba(255,255,255,.60);
--text-faint:rgba(255,255,255,.40);
--text-on-inverse:var(--n-900);
--border-hairline:rgba(255,255,255,.10);
--border-strong:rgba(255,255,255,.24);
--status-success-bg:rgba(0,194,168,.16);
--status-warning-bg:rgba(255,197,48,.16);
--status-danger-bg:rgba(228,0,43,.20);
--status-info-bg:rgba(41,182,255,.16);
--status-neutral-bg:rgba(255,255,255,.08);
--status-success:var(--teal-400);
--status-warning:var(--gold-400);
--status-danger:var(--red-400);
--asset-me:#FFFFFF;
--scrim:rgba(0,0,0,.7);
}

/* Example white-label override scope. A band ships four brand values; every
   semantic token downstream re-derives. */
[data-band="ronnie-caro"]{--brand-primary:#E4002B;--brand-secondary:#FFC530;--brand-accent:#FF2D87;--brand-support:#00C2A8}
[data-band="sample-blue"]{--brand-primary:#1F5EFF;--brand-secondary:#FFD400;--brand-accent:#00D4FF;--brand-support:#6BE58A}