:root{
/* --- Base: navy canvas --- */
--navy-1000:#02060d;--navy-900:#040a15;--navy-800:#071122;--navy-700:#091323;--navy-600:#0a1c30;--navy-500:#0a3151;--navy-400:#10426b;--navy-300:#186fad;--navy-200:#1c7cbe;
/* --- Base: brand blue --- */
--blue-600:#1c6fad;--blue-500:#2b7fc4;--blue-400:#2d99de;--blue-300:#4fb0ea;--blue-200:#8fd0f4;
/* --- Base: brand red --- */
--red-700:#901b27;--red-600:#c31017;--red-500:#e4141b;--red-400:#e42423;--red-300:#ee686d;
/* --- Base: neutrals --- */
--white:#ffffff;--grey-100:#e7edf4;--grey-300:#9fb2c6;--grey-500:#6b8299;--grey-600:#3d566e;--black:#000000;
/* --- Category accents (classements) --- */
--cat-junior:#e42423;--cat-junior-dark:#2e1102;--cat-feminine:#8c5cfc;--cat-feminine-dark:#1a1035;--cat-gentleman:#6afb08;--cat-gentleman-dark:#0d1d13;
/* --- Semantic --- */
--surface-canvas:var(--navy-900);--surface-panel:var(--navy-700);--surface-panel-alt:var(--navy-800);--surface-glow:#072136;
--text-primary:var(--white);--text-secondary:var(--grey-100);--text-muted:var(--grey-300);--text-accent:var(--blue-400);--text-on-accent:var(--white);
--accent-primary:var(--blue-400);--accent-secondary:var(--red-500);
--band-start:var(--blue-600);--band-end:var(--navy-500);
--chip-rank-bg:linear-gradient(135deg,var(--navy-500),var(--navy-800)); /* @kind color */
--time-bg:var(--red-500);--time-bg-dim:var(--red-700);
--rule-hairline:rgba(159,178,198,.25);--rule-accent:var(--blue-400);
--footer-bg:rgba(9,19,35,.88);--footer-tag-bg:var(--red-500);
--scrim-top:linear-gradient(180deg,rgba(4,10,21,.92) 0%,rgba(4,10,21,.35) 45%,rgba(4,10,21,0) 70%); /* @kind color */
--scrim-bottom:linear-gradient(0deg,rgba(4,10,21,.95) 0%,rgba(4,10,21,.35) 40%,rgba(4,10,21,0) 75%); /* @kind color */
}