/* Carto Design Tokens — dérivés de constants/theme.ts */
:root {
  /* ── Couleurs ── */
  --clr-bg:           #FDFBF5;
  --clr-card:         #FCF5E6;
  --clr-subheader:    #FCF0E7;
  --clr-input:        #FEFDFA;

  --clr-primary:      #0F6219;
  --clr-primary-68:   rgba(15, 98, 25, 0.68);
  --clr-primary-dark: #193A1D;
  --clr-primary-light:#F3F7EE;
  --clr-kicker:       #8a6d2a;
  --clr-border-ink:   #7a6a3a;

  --clr-accent-bg:    rgba(15, 98, 25, 0.14);
  --clr-accent-brd:   rgba(15, 98, 25, 0.22);
  --clr-green-soft:   rgba(77, 163, 106, 0.18);

  --clr-text:         rgba(0, 0, 0, 0.87);
  --clr-muted:        rgba(0, 0, 0, 0.68);
  --clr-subtle:       rgba(0, 0, 0, 0.48);
  --clr-border:       rgba(0, 0, 0, 0.12);
  --clr-shadow:       rgba(0, 0, 0, 0.08);

  /* ── Typographie ── */
  --font-heading: 'Paytone One', sans-serif;
  --font-body:    'Source Sans 3', system-ui, -apple-system, sans-serif;

  --fz-xs:   0.75rem;    /* 12px */
  --fz-sm:   0.875rem;   /* 14px */
  --fz-base: 1rem;       /* 16px */
  --fz-lg:   1.125rem;   /* 18px */
  --fz-xl:   1.375rem;   /* 22px */
  --fz-2xl:  1.875rem;   /* 30px */
  --fz-3xl:  2.25rem;    /* 36px */
  --fz-hero: clamp(2.25rem, 5vw, 3.5rem);

  /* ── Espacement ── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  /* ── Rayons ── */
  --r-sm:   8px;
  --r-md:   16px;
  --r-lg:   28px;
  --r-full: 9999px;

  /* ── Ombres ── */
  --shadow-low:  0 2px 4px rgba(0,0,0,0.05);
  --shadow-mid:  0 4px 8px rgba(0,0,0,0.08);
  --shadow-high: 0 10px 18px rgba(0,0,0,0.14);

  /* ── Layout ── */
  --container-w: 960px;
  --prose-w:     680px;
}