:root{
/* ---- Institutional colours (Manual de IDV 2026, p.6) ---- */
--lolis-navy:#1A2C58; /* R26 G44 B88  · C100 M70 Y0 K50 */
--lolis-orange:#FF6A00; /* R255 G106 B0 · C0 M65 Y100 K0 */

/* ---- Navy ramp (derived; base = --navy-700) ---- */
--navy-950:#080D18;
--navy-900:#0D1729;
--navy-800:#12203E;
--navy-700:#1A2C58;
--navy-600:#27406F;
--navy-500:#3A5688;
--navy-400:#5A74A3;
--navy-300:#8494B3;
--navy-200:#B4BFD3;
--navy-100:#D8DEEA;
--navy-50:#EEF1F7;

/* ---- Orange ramp (derived; base = --orange-500) ---- */
--orange-800:#8F3A00;
--orange-700:#C24E00;
--orange-600:#E05C00;
--orange-500:#FF6A00;
--orange-400:#FF8A33;
--orange-300:#FFA766;
--orange-200:#FFC79A;
--orange-100:#FFE1C7;
--orange-50:#FFF2E6;

/* ---- Neutrals ---- */
--neutral-0:#FFFFFF;
--neutral-50:#F7F8FA;
--neutral-100:#F1F2F5;
--neutral-200:#E4E7EC;
--neutral-300:#CFD4DC;
--neutral-400:#A0A7B4;
--neutral-500:#767E8C;
--neutral-600:#565E6C;
--neutral-700:#3A404B;
--neutral-800:#23272F;
--neutral-900:#12151A;

/* ---- Semantic status (kept low-chroma so navy/orange stay dominant) ---- */
--status-success:#0F8A5F;
--status-success-surface:#E6F5EF;
--status-warning:#E8A100;
--status-warning-surface:#FDF3DF;
--status-danger:#C7351B;
--status-danger-surface:#FBEAE7;
--status-info:var(--navy-500);
--status-info-surface:var(--navy-50);
/* Freight-mode accents used in tracking UI */
--mode-sea:#1F6F8B;
--mode-air:var(--navy-500);
--mode-road:var(--orange-600);

/* ---- Semantic aliases: text ---- */
--text-strong:var(--navy-700);
--text-body:var(--neutral-700);
--text-muted:var(--neutral-500);
--text-subtle:var(--neutral-400);
--text-accent:var(--orange-600);
--text-on-navy:var(--neutral-0);
--text-on-navy-muted:var(--navy-200);
--text-on-orange:var(--neutral-0);
--text-link:var(--navy-700);
--text-link-hover:var(--orange-600);

/* ---- Semantic aliases: surfaces ---- */
--surface-page:var(--neutral-0);
--surface-subtle:var(--neutral-50);
--surface-card:var(--neutral-0);
--surface-inset:var(--neutral-100);
--surface-navy:var(--navy-700);
--surface-navy-deep:var(--navy-900);
--surface-orange:var(--orange-500);
--surface-overlay:rgba(13,23,41,.72);

/* ---- Semantic aliases: lines & interaction ---- */
--border-subtle:var(--neutral-200);
--border-default:var(--neutral-300);
--border-strong:var(--navy-700);
--border-on-navy:rgba(255,255,255,.18);
--focus-ring:var(--orange-500);

--action-primary-bg:var(--navy-700);
--action-primary-bg-hover:var(--navy-800);
--action-primary-bg-active:var(--navy-900);
--action-accent-bg:var(--orange-500);
--action-accent-bg-hover:var(--orange-600);
--action-accent-bg-active:var(--orange-700);
--action-disabled-bg:var(--neutral-200);
--action-disabled-fg:var(--neutral-400);
}