/* ───────────────────────────────────────────────────────────────────
   Tokens — variables CSS issues de la charte graphique Camelea
   Source : 01-charte-graphique/synthese-charte-web.md
   ─────────────────────────────────────────────────────────────────── */

/* ─── Polices auto-hébergées ─── */
/*
 * League Spartan (display, h1-h3, baselines)
 *   - Variable font woff2 (poids 100-900)
 *   - Source : Google Fonts / Fontsource (SIL OFL 1.1, open source)
 *
 * Source Sans 3 (corps, paragraphes, labels)
 *   - Variable font woff2 (poids 200-900)
 *   - Source : Adobe (SIL OFL 1.1, open source)
 *
 * Funky Bird (NON utilisée en font web) :
 *   - Police d'origine ayant servi à concevoir le logo Camelea (par déformation)
 *   - Le logo est livré en image finie (PNG), pas en texte HTML
 *   - .otf gardé dans 01-charte-graphique/ comme référence brand uniquement
 */

@font-face {
  font-family: 'League Spartan';
  src: url('../fonts/league-spartan-variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/source-sans-3-variable.woff2') format('woff2-variations');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ─── Palette charte ─── */
  --c-camel:        #ca9e67;
  --c-chocolat:     #7d4e24;
  --c-terracotta:   #a04b28;
  --c-rose-poudre:  #d9a490;
  --c-sauge:        #9fbf9d;
  --c-foret:        #225e2a;

  /* ─── Sémantique ─── */
  --c-text:          var(--c-chocolat);
  --c-text-soft:     #6b4a2a;
  --c-text-mute:     #9a8268;
  --c-bg:            #ffffff;
  --c-bg-soft:       #faf6f0;
  --c-bg-elevated:   #f3ebde;
  --c-accent:        var(--c-foret);
  --c-accent-hover:  var(--c-terracotta);
  --c-border:        #e8dfd2;
  --c-overlay:       rgba(125, 78, 36, 0.85);

  /* ─── Polices ─── */
  --font-display: 'League Spartan', "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body:    'Source Sans 3', system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Note : Dreaming Outloud Sans peut être ajoutée plus tard pour les
     accroches stylisées sur visuels (cf. doc charte). Pas en v1. */

  /* ─── Échelle typo fluide ─── */
  --fs-display: clamp(2.5rem, 6vw, 5rem);
  --fs-h1:      clamp(2rem, 4.5vw, 3.25rem);
  --fs-h2:      clamp(1.625rem, 3.2vw, 2.25rem);
  --fs-h3:      1.375rem;
  --fs-body:    1.0625rem;
  --fs-small:   0.9rem;
  --fs-tiny:    0.8rem;

  /* ─── Espacements ─── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* ─── Largeurs ─── */
  --content-max:    1280px;
  --content-narrow: 720px;

  /* ─── Bordures et radius ─── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* ─── Ombres ─── */
  --shadow-sm: 0 1px 2px rgba(125, 78, 36, 0.08);
  --shadow-md: 0 4px 12px rgba(125, 78, 36, 0.10);
  --shadow-lg: 0 16px 32px rgba(125, 78, 36, 0.14);

  /* ─── Transitions ─── */
  --transition-fast: 150ms ease-out;
  --transition-base: 250ms ease-out;
  --transition-slow: 400ms ease-out;
}