:root{
/* Base */
--hx-blanc:#F4F4F2;
--hx-noir:#0B0B0B;
--hx-rouge:#E8112D;
--hx-or:#F2B600;
--hx-blanc-pur:#FFFFFF;
/* Neutres dérivés (lignes, textes secondaires) */
--hx-gris-100:#E9E9E6;
--hx-gris-200:#D6D6D2;
--hx-gris-400:#9A9A96;
--hx-gris-600:#55554F;
--hx-gris-800:#1C1C1B;
/* Rouge en interaction */
--hx-rouge-fonce:#C20D24;
--hx-rouge-pale:#FCE7EA;
/* Sémantique */
--surface-page:var(--hx-blanc);
--surface-card:var(--hx-blanc-pur);
--surface-inverse:var(--hx-noir);
--surface-inverse-raised:var(--hx-gris-800);
--text-primary:var(--hx-noir);
--text-secondary:var(--hx-gris-600);
--text-inverse:var(--hx-blanc);
--text-inverse-secondary:#B9B9B5;
--border-subtle:var(--hx-gris-200);
--border-strong:var(--hx-noir);
--accent:var(--hx-rouge);
--accent-hover:var(--hx-rouge-fonce);
--accent-soft:var(--hx-rouge-pale);
--palmares:var(--hx-or);
--focus-ring:var(--hx-rouge);
}