:root {
  /* Couleurs */
  --color-primary:   #FFE145;
  --color-secondary: #FFB3C6;
  --color-bg:        #F7F3EC;
  --color-dark:      #111111;
  --color-white:     #FFFFFF;
  --color-accent:    #FF3D00;
  --color-mid:       #E8E2D9;

  /* Typographie */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'DM Sans', sans-serif;
  --font-mono:    'Space Mono', monospace;

  --text-hero:  clamp(4rem, 10vw, 9rem);
  --text-h1:    clamp(2.5rem, 5vw, 5rem);
  --text-h2:    clamp(1.8rem, 3vw, 3rem);
  --text-h3:    clamp(1.2rem, 2vw, 1.8rem);
  --text-body:  clamp(1rem, 1.2vw, 1.125rem);
  --text-label: 0.75rem;

  /* Layout */
  --max-width: 1440px;
  --padding-x: clamp(1.5rem, 5vw, 5rem);

  /* Espacement */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  8rem;
  --space-2xl: 12rem;

  /* Bordures */
  --border: 3px solid var(--color-dark);
  --shadow: 6px 6px 0 var(--color-dark);
  --shadow-sm: 4px 4px 0 var(--color-dark);
}