:root {
  /* Espacements */
  --space-xs: 0.5rem;
  --space-sm: 0.875rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;
  --space-2xl: clamp(4.5rem, 9vw, 8rem);

  /* Rayons */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Transitions */
  --t-fast: 0.16s cubic-bezier(0.4, 0, 0.2, 1);
  --t-base: 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  --t-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  --t-spring: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Echelle typographique fluide */
  --fs-1: clamp(2.6rem, 7vw, 5.5rem);
  --fs-2: clamp(2rem, 4.5vw, 3.4rem);
  --fs-3: clamp(1.5rem, 3vw, 2.2rem);
  --fs-4: 1.35rem;
  --fs-5: 1.05rem;
  --fs-6: 0.82rem;

  /* Conteneur */
  --container-max: 1180px;
  --container-pad: clamp(20px, 5vw, 56px);
}

:root {
  /* Timy : chaud, ame, premium, genereux. Alabaster + forest + wheat + cherry */
  --bg: #F8EDD9;            /* alabaster */
  --bg-alt: #F0E3C6;
  --surface: #FCF6EA;       /* blanc chaud pour les cartes */
  --dark: #133020;          /* tilled (vert foret profond) */
  --dark-alt: #1C3D2A;

  --ink: #1A1A1A;           /* charcoal */
  --ink-muted: #6B6560;
  --ink-soft: #A09890;
  --on-dark: #F8EDD9;
  --on-dark-muted: rgba(248, 237, 217, 0.62);

  --brand: #DD5C36;         /* cherry, accent d'action */
  --brand-strong: #C2491F;
  --brand-soft: rgba(221, 92, 54, 0.12);
  --accent-2: #327039;      /* forest */
  --accent-3: #F0BE49;      /* wheat */

  --line: rgba(26, 26, 26, 0.1);
  --line-strong: rgba(26, 26, 26, 0.22);
  --line-dark: rgba(248, 237, 217, 0.12);

  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;

  --motion-intensity: expressive;
}