/* =========================================================
   TOKENS — Dekra Norisko Auto Control
   Charger ce fichier en premier sur toutes les pages.
   ========================================================= */

:root {
  /* Couleurs */
  --color-primary: #004D1E;       /* Vert principal (CTA, titres) */
  --color-primary-dark: #1A3C2E;  /* Vert foncé (hover, focus) */
  --color-primary-light: #D1E7D7; /* Vert clair (fonds, badges) */
  --color-bg: #F9F6F0;            /* Beige (fond de page) */
  --color-text: #01160B;          /* Noir (texte courant) */
  --color-promo: #E31B64;         /* Promo (vente flash uniquement) */
  --color-error: #D32F2F;         /* Erreur (validation formulaire) */
  --color-error-bg: #FDECEA;      /* Fond erreur (champ invalide) */
  --color-contest: #98BA39;       /* Vert concours (carte jeu) */
  --color-white: #FFFFFF;

  /* Typographie */
  --font-family: "Roboto", Arial, sans-serif;

  /* Desktop sizes */
  --fs-h1-desktop: 55px;
  --fs-h2-desktop: 36px;
  --fs-h3-desktop: 24px;
  --fs-body-bold-desktop: 18px;
  --fs-body-desktop: 18px;
  --fs-btn: 16px;
  --fs-list-item: 16px;
  --fs-article: 16px;
  --fs-footer-link: 14px;
  --fs-card-subtext: 14px;

  /* Mobile sizes */
  --fs-h1-mobile: 28px;
  --fs-h2-mobile: 22px;
  --fs-h3-mobile: 20px;
  --fs-small-mobile: 14px;
  --fs-selector-label: 12px;
  --fs-legal-mobile: 10px;

  /* Espacements (base 5) */
  --space-1: 5px;
  --space-2: 10px;
  --space-3: 15px;
  --space-4: 20px;
  --space-5: 25px;
  --space-6: 30px;

  /* Marges latérales */
  --margin-mobile: 16px;
  --margin-desktop: 80px;

  /* Sections desktop */
  --section-padding-y: 60px;
  --section-gap: 40px;

  /* Rayons */
  --radius-card: 20px;
  --radius-card-lg: 40px;
  --radius-pill: 100px;
  --radius-sm: 10px;

  /* Cible tactile minimum */
  --tap-target: 44px;

  /* Breakpoints (référence) */
  --bp-mobile: 375px;
  --bp-desktop: 1440px;
}