/* ==========================================================================
   Tokens de design — Charte graphique MDN 2026
   Source : "Identité Visuelle 2026 - MDN.pdf" (Pacific Consulting, fév. 2026)
   ========================================================================== */

:root {
  /* --- Couleurs officielles --- */
  --mdn-rouge:   #c7252b; /* Principale — CTA, titres, header */
  --mdn-jaune:   #f2a900; /* Accent Entreprises */
  --mdn-bleu:    #015172; /* Blocs data, tableaux, composants techniques */
  --mdn-or:      #cdac04; /* Premium / événementiel */
  --mdn-gris:    #56646c; /* Structure, séparateurs, texte secondaire */
  --mdn-noir:    #05050b; /* Texte courant */
  --mdn-blanc:   #ffffff;

  /* --- Dérivés / nuances --- */
  --mdn-rouge-fonce:    #a01d22;
  --mdn-rouge-clair:    #e64045;
  --mdn-rouge-pale:     #fce8e9;
  --mdn-jaune-clair:    #fdd979;
  --mdn-jaune-pale:     #fef3da;
  --mdn-bleu-clair:     #1a7ba3;
  --mdn-bleu-pale:      #e3eef3;
  --mdn-gris-clair:     #8a959b;
  --mdn-gris-tres-clair:#eef1f3;
  --mdn-gris-fond:      #f8f9fa;

  /* --- Sémantique d'état (pour statuts de dossiers, alertes) --- */
  --mdn-vert:    #1f7a3a;
  --mdn-vert-pale: #e4f3ea;
  --mdn-orange:  #e67e00;
  --mdn-orange-pale: #fdeedc;
  --mdn-rouge-alerte: var(--mdn-rouge);

  /* --- Typographie --- */
  --mdn-font-family:  'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mdn-font-weight-regular: 400;
  --mdn-font-weight-medium:  500;
  --mdn-font-weight-bold:    700;

  /* Tailles */
  --mdn-fs-xs:   0.75rem;   /* 12px */
  --mdn-fs-sm:   0.875rem;  /* 14px */
  --mdn-fs-base: 1rem;      /* 16px */
  --mdn-fs-lg:   1.125rem;  /* 18px */
  --mdn-fs-xl:   1.25rem;   /* 20px */
  --mdn-fs-h3:   1.5rem;    /* 24px */
  --mdn-fs-h2:   1.875rem;  /* 30px */
  --mdn-fs-h1:   2.25rem;   /* 36px */

  /* --- Espacements --- */
  --mdn-space-1: 0.25rem;
  --mdn-space-2: 0.5rem;
  --mdn-space-3: 0.75rem;
  --mdn-space-4: 1rem;
  --mdn-space-5: 1.5rem;
  --mdn-space-6: 2rem;
  --mdn-space-8: 3rem;

  /* --- Rayons / ombres --- */
  --mdn-radius-sm: 4px;
  --mdn-radius-md: 8px;
  --mdn-radius-lg: 12px;

  --mdn-shadow-sm: 0 1px 2px rgba(5, 5, 11, 0.06);
  --mdn-shadow-md: 0 2px 8px rgba(5, 5, 11, 0.08);
  --mdn-shadow-lg: 0 8px 24px rgba(5, 5, 11, 0.12);

  /* --- Transitions --- */
  --mdn-transition: 0.15s ease-in-out;
}