/* D&N TECH – jetons de design (design tokens) */
:root{
  /* Couleurs de marque */
  --dn-navy-logo:#262B45;   /* couleur du logo officiel */
  --dn-ink:#0B1F33;         /* fonds sombres, titres */
  --dn-ink-2:#13304D;       /* cartes sur fond sombre */
  --dn-teal:#0FA3A3;        /* couleur d'action principale */
  --dn-teal-dark:#0B7F7F;   /* survol, texte teal sur fond clair (contraste AA) */
  --dn-teal-light:#D9F2F1;  /* pastilles d'icônes, encadrés */
  --dn-amber:#F2A93B;       /* accent, chiffres clés (sur fond sombre uniquement) */
  /* Neutres */
  --dn-text:#1F2A37; --dn-muted:#5B6B7C; --dn-line:#D5DEE7; --dn-bg:#F4F7FA; --dn-white:#FFFFFF;
  --dn-on-dark:#D6E1EC; --dn-on-dark-muted:#9FB3C8;
  /* Typographie : Lato (web) ; Calibri/Carlito dans les documents Office */
  --dn-font:"Lato","Calibri","Carlito",system-ui,sans-serif;
  --dn-fs-h1:clamp(2.1rem,4.2vw,3.4rem); --dn-fs-h2:clamp(1.6rem,2.8vw,2.3rem); --dn-fs-h3:1.2rem;
  --dn-fs-body:1.0625rem; --dn-fs-small:.875rem; --dn-fs-kicker:.8rem;
  /* Espacements, rayons, ombres */
  --dn-space-1:.5rem; --dn-space-2:1rem; --dn-space-3:1.5rem; --dn-space-4:2.5rem; --dn-space-5:4.5rem;
  --dn-radius:14px; --dn-radius-s:8px; --dn-radius-pill:999px;
  --dn-shadow:0 6px 20px rgba(11,31,51,.08);
  --dn-max:1200px;
}