:root {
  /* Couleurs */
  --color-red:         #B01C1C;
  --color-red-dark:    #8A1414;
  --color-red-light:   #CC2222;
  --color-red-pale:    #F5ECEC;
  --color-black:       #0E0E0E;
  --color-dark:        #181818;
  --color-dark-warm:   #1A0505;
  --color-white:       #FFFFFF;
  --color-offwhite:    #F6F4F1;
  --color-gray:        #EBEBEB;
  --color-text:        #111111;
  --color-text-mid:    #444444;
  --color-text-muted:  #777777;
  --color-fr-blue:     #002395;
  --color-fr-red:      #ED2939;

  /* Typographie */
  --font-sans:         'Helvetica Neue', Arial, Helvetica, sans-serif;
  --text-xs:           11px;
  --text-sm:           12px;
  --text-base:         13px;
  --text-md:           14px;
  --text-lg:           15px;
  --text-xl:           16px;
  --text-2xl:          20px;
  --text-3xl:          24px;
  --text-4xl:          30px;
  --text-hero:         50px;
  --font-regular:      400;
  --font-medium:       500;
  --font-semibold:     600;
  --font-bold:         700;
  --font-extrabold:    800;
  --font-black:        900;
  --leading-tight:     1.1;
  --leading-snug:      1.25;
  --leading-normal:    1.5;
  --leading-relaxed:   1.7;
  --tracking-tight:    -1px;
  --tracking-normal:   0px;
  --tracking-wide:     1px;
  --tracking-wider:    2px;
  --tracking-widest:   3px;

  /* Espacement */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --section-y: 5rem;
  --section-x: 2.5rem;

  /* Layout */
  --container: 1100px;
  --nav-h:     66px;

  /* Rayons */
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   6px;
  --radius-xl:   10px;
  --radius-full: 100px;

  /* Ombres */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:   0 4px 12px rgba(0,0,0,0.10);
  --shadow-lg:   0 8px 24px rgba(0,0,0,0.14);
}