/* ==========================================================================
   Tokens du design system — Delta Force Déconta
   SEUL fichier du site qui contient des codes couleur.
   Source : docs/01-contenu-et-charte.md §2.2 et docs/02-design-system.md §2.
   ========================================================================== */

:root {
  /* Couleurs (13) */
  --noir: #0B0B0B;          /* fonds des sections sombres, texte sur --lime */
  --texte: #3A3A3A;         /* titres et texte principal sur fond clair */
  --texte-doux: #5A5A5A;    /* texte secondaire sur fond clair — jamais sur sombre */
  --texte-clair: #D6D6D6;   /* texte courant sur fond sombre — jamais sur clair */
  --blanc: #FFFFFF;         /* cartes, fond clair principal, titres sur sombre */
  --gris-clair: #F3F4EF;    /* fonds des sections claires alternées */
  --ligne: #DADBD4;         /* bordures et séparateurs sur fond clair */
  --vert-900: #1D4713;      /* fonds verts profonds, texte blanc dessus */
  --vert-700: #2F6B1A;      /* texte vert et liens sur fond clair, survol des boutons */
  --vert-600: #3F7A22;      /* fond des boutons principaux (texte blanc) */
  --vert-500: #5D9827;      /* décor uniquement : barres, icônes, bordures — jamais du texte */
  --lime: #8DB63C;          /* accents sur fond sombre uniquement */
  --erreur: #B42318;        /* messages d'erreur du formulaire (toujours sur fond clair) */

  /* Espacements — aucune autre valeur de marge, padding ou écart dans le CSS */
  --e-1: 4px;
  --e-2: 8px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 24px;
  --e-6: 32px;
  --e-7: 48px;
  --e-8: 64px;
  --e-9: 96px;

  /* Autres */
  --rayon: 4px;
  --bordure: 1px solid var(--ligne);
  --barre-accent: 4px;
  --conteneur: 1160px;
  --transition: 150ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition: 0ms linear;
  }
}