/**
 * variables.css — Design tokens Ilios Kotsou
 * Source de vérité : design file site-ilios.css
 */
:root {

  /* ── Couleurs ────────────────────────────────────── */
  --c-hero:       #1A4D38;
  --c-hero-deep:  #143C2C;
  --c-primary:    #3B8B5C;
  --c-accent:     #C0DD97;
  --c-soft:       #EAF4EE;
  --c-bg:         #F9F7F2;
  --c-cream:      #F4EFE3;
  --c-cream-deep: #EDE6D3;
  --c-text:       #3A4A41;
  --c-mute:       #7A857F;
  --c-line:       #E4DED0;
  --c-warm:       #C46A2A;
  --c-warm-soft:  #F2D9C0;
  --c-amber:      #E8C896;
  --c-orange:     #E8630A;
  --c-ink:        #1A1A2E;

  /* ── Typographies ────────────────────────────────── */
  --f-serif: 'Newsreader', Georgia, serif;
  --f-sans:  'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Tailles ─────────────────────────────────────── */
  --fs-hero:  clamp(56px, 7.6vw, 132px);
  --fs-h1:    clamp(58px, 7vw, 124px);
  --fs-h2:    clamp(36px, 4vw, 64px);
  --fs-h3:    22px;
  --fs-body:  16px;
  --fs-small: 14px;
  --fs-meta:  13px;
  --fs-label: 11px;

  /* ── Espacements ─────────────────────────────────── */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-28: 110px;

  /* ── Layout ──────────────────────────────────────── */
  --container-max: 1640px;
  --container-pad:  56px;          /* padding horizontal des .container */
  --nav-pad-x:      56px;
  --nav-pad-y:      32px;
  --section-pad-x:  56px;
  --section-pad-y:  110px;

  /* ── Radius ──────────────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-card: 8px;
  --radius-btn:  99px;

  /* ── Transitions ─────────────────────────────────── */
  --ease:          cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 180ms;
  --duration-base: 280ms;
  --duration-slow: 400ms;

  /* ── Ombres ──────────────────────────────────────── */
  --shadow-card:  0 2px 12px rgba(20,60,44,0.07);
  --shadow-hover: 0 22px 50px -20px rgba(20,60,44,0.18);
}