:root{
  /* --- Palette de marque (brandbook CCIVS 2026) --- */
  --ccivs-navy:#00253A;        /* fond, toujours */
  --ccivs-white:#FFFFFF;        /* texte */
  --ccivs-blue:#0373E9;         /* accent + elements graphiques */
  --ccivs-blue-deep:#0362C7;    /* lisibilite seulement */
  --ccivs-blue-light:#6FB4FD;   /* lisibilite seulement — texte bleu sur navy */
  --ccivs-grey:#D3D3D3;         /* lisibilite seulement */

  /* --- Surfaces --- */
  --surface-page:var(--ccivs-navy);
  --surface-raised:#032C44;     /* navy + 4% blanc — cartes sur navy */
  --surface-card:#032941;
  --surface-invert:var(--ccivs-white);
  --surface-accent:var(--ccivs-blue);
  --surface-overlay:rgba(0,37,58,.72);

  /* --- Texte --- */
  --text-strong:var(--ccivs-white);
  --text-body:var(--ccivs-white);
  --text-muted:var(--ccivs-grey);
  --text-accent:var(--ccivs-blue-light);   /* bleu clair sur navy — jamais #0373E9 en texte sur navy */
  --text-on-accent:var(--ccivs-white);
  --text-on-light:var(--ccivs-navy);
  --text-on-light-accent:var(--ccivs-blue-deep);

  /* --- Bordures et lignes --- */
  --line-hairline:rgba(111,180,253,.28);   /* filets diagonaux du fond */
  --line-card:rgba(111,180,253,.45);
  --line-strong:var(--ccivs-blue);

  /* --- Etats --- */
  --accent-hover:#0362C7;
  --accent-press:#02539F;
  --focus-ring:var(--ccivs-blue-light);
}