/* Côteaux-du-Blanzacais — jetons de la charte graphique.
   Repris tels quels du système de design (charte/tokens/*.css).
   Aucune valeur en dur ne doit être écrite ailleurs que dans ce fichier. */

:root {
  /* ── Bordeaux — la courbe du logo, couleur primaire ───────────── */
  --bordeaux-900: #4A0018;
  --bordeaux-700: #6E0024;
  --bordeaux-600: #9C0033;
  --bordeaux-300: #D98BA4;
  --bordeaux-100: #F7E5EB;

  /* ── Vert — les coteaux et la vigne ───────────────────────────── */
  --vert-900: #1F4A12;
  --vert-700: #2E6B22;
  --vert-500: #74B043;
  --vert-200: #D3E8BF;
  --vert-100: #EFF6E6;

  /* ── Or — le soleil sur la pierre, accent chaleureux ──────────── */
  --or-800: #7A5A00;
  --or-600: #B38600;
  --or-400: #FFC000;
  --or-200: #FFE7A8;
  --or-100: #FFF6E0;

  /* ── Pierre — neutres calcaires, la base de tous les fonds ────── */
  --pierre-0: #FFFFFF;
  --pierre-50: #FAF7F0;
  --pierre-100: #F1EBDF;
  --pierre-200: #E2DACB;
  --pierre-300: #C9BFAC;
  --pierre-500: #6F6659;
  --pierre-700: #55504A;
  --pierre-900: #2A2622;
  --encre: #1A1614;

  /* ── Sémantiques ──────────────────────────────────────────────── */
  --info-600: #2B5B7A;
  --info-100: #E6EFF4;
  --succes-600: #2E6B22;
  --succes-100: #EFF6E6;
  --vigilance-600: #B38600;
  --vigilance-100: #FFF6E0;
  --urgence-600: #B03A17;
  --urgence-100: #FBEAE4;

  /* ── Alias sémantiques ────────────────────────────────────────── */
  --fond-page: var(--pierre-50);
  --fond-carte: var(--pierre-0);
  --fond-doux: var(--pierre-100);
  --fond-accent: var(--bordeaux-100);
  --fond-inverse: var(--bordeaux-900);

  --texte-titre: var(--pierre-900);
  --texte-courant: var(--pierre-700);
  --texte-discret: var(--pierre-500);
  --texte-fort: var(--encre);
  --texte-inverse: var(--pierre-0);
  --texte-lien: var(--bordeaux-600);
  --texte-lien-survol: var(--bordeaux-900);

  --accent-primaire: var(--bordeaux-600);
  --accent-primaire-survol: var(--bordeaux-700);
  --accent-primaire-presse: var(--bordeaux-900);
  --accent-secondaire: var(--vert-700);
  --accent-tertiaire: var(--or-400);

  --bordure-fine: var(--pierre-200);
  --bordure: var(--pierre-300);
  --bordure-forte: var(--pierre-700);
  --focus: var(--info-600);

  /* ── Typographie ──────────────────────────────────────────────── */
  --police-titre: "Spectral", Georgia, "Times New Roman", serif;
  --police-texte: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;

  --poids-normal: 400;
  --poids-demi: 600;
  --poids-gras: 700;

  --taille-hero: clamp(2.5rem, 5vw, 4rem);
  --taille-t1: 2.5rem;      /* 40 */
  --taille-t2: 1.875rem;    /* 30 */
  --taille-t3: 1.375rem;    /* 22 */
  --taille-t4: 1.125rem;    /* 18 */
  --taille-chapeau: 1.25rem; /* 20 */
  --taille-texte: 1.0625rem; /* 17 — minimum du texte courant */
  --taille-petit: 0.9375rem; /* 15 — légendes, métadonnées */
  --taille-micro: 0.8125rem; /* 13 — mentions légales uniquement */

  --interligne-serre: 1.12;
  --interligne-titre: 1.22;
  --interligne-texte: 1.6;
  --interligne-aere: 1.75;

  --interlettre-titre: -0.01em;
  --interlettre-capitales: 0.08em;

  --mesure-texte: 68ch;

  /* ── Espacements ──────────────────────────────────────────────── */
  --esp-2: 2px;
  --esp-4: 4px;
  --esp-8: 8px;
  --esp-12: 12px;
  --esp-16: 16px;
  --esp-24: 24px;
  --esp-32: 32px;
  --esp-48: 48px;
  --esp-64: 64px;
  --esp-96: 96px;
  --esp-128: 128px;

  --gouttiere: 24px;
  --marge-page: clamp(16px, 5vw, 40px);
  --largeur-contenu: 1200px;
  --largeur-lecture: 720px;

  /* ── Surfaces ─────────────────────────────────────────────────── */
  --rayon-0: 0;
  --rayon-2: 2px;
  --rayon-4: 4px;
  --rayon-8: 8px;
  --rayon-pastille: 999px;

  --trait-fin: 1px solid var(--bordure-fine);
  --trait: 1px solid var(--bordure);
  --trait-accent: 3px solid var(--accent-primaire);

  --ombre-0: none;
  --ombre-1: 0 1px 2px rgba(42, 38, 34, .08);
  --ombre-2: 0 2px 6px rgba(42, 38, 34, .10);
  --ombre-3: 0 8px 24px rgba(42, 38, 34, .12);

  --transition-rapide: 120ms ease-out;
  --transition: 200ms cubic-bezier(.2, .6, .3, 1);

  --anneau-focus: 0 0 0 3px var(--or-200), 0 0 0 5px var(--info-600);

  /* Voile photo : seule exception autorisée aux dégradés */
  --voile-photo: rgba(26, 22, 20, .75);
}