/* css/variables.css */

:root {
  /* Couleurs */
  --rouge:        #ff210a;
  --rouge-fonce:  rgba(250, 30, 20, 0.9);
  --orange:       #ff7600;
  --blanc:        #ffffff;
  --blanc-doux:   rgba(255, 255, 255, 0.8);
  --blanc-discret: rgba(255, 255, 255, 0.4);
  --noir:         #000000;
  --gris-fonce:   #1a1a1a;
  --gris-moyen:   #4a4a4a;

  /* Typographie */
  --police-base:    sans-serif;
  --police-lchan:   'lchan', sans-serif;
  --police-chomsky: 'Chomsky', serif;
  --taille-base:    14px;
  --taille-titre:   28px;

  /* Espacements */
  --espace-s:  8px;
  --espace-m:  16px;
  --espace-l:  24px;
  --espace-xl: 48px;

  /* Rayons */
  --rayon-standard: 8px;
  --rayon-rouge:    10px 100px / 120px;

  /* Transitions */
  --transition: 0.2s ease;
}