/**
 * DIVINE LOIRE — DESIGN TOKENS (Source Unique de Vérité)
 * Extrait et consolidé depuis les pages de référence de divineloire.fr
 * Date de révision : 2026-08-17
 */

:root {
  /* --- Couleurs de Marque & UI --- */
  --dl-green: #3EC99A;         /* Accent marque, "Loire" du logo, liens */
  --dl-green-dark: #2da37b;
  --dl-green-light: #e8f9f3;
  --dl-wine: #B01C1C;          /* Actions principales, filtres actifs */
  --dl-wine-hover: #8f1515;
  --dl-wine-light: #faeaea;
  --dl-aoc: #C0392B;           /* Sur-titres des appellations (AOC) */
  --dl-ink: #1C1A17;           /* Titres et texte principal */
  --dl-navy: #2A3A8C;          /* Onglet actif région, liens externes */
  --dl-navy-light: #eef1f9;
  --dl-blue: #0B6FA4;          /* Boutons Itinéraire, markers carte Leaflet */
  --dl-surface: #F7F8FA;       /* Champs de recherche et blocs d'info */
  --dl-muted: #6B655C;         /* Métadonnées, sous-titres, texte secondaire */
  --dl-card-bg: #FFFFFF;       /* Fond des cartes et modales */
  --dl-border: #E5E7EB;        /* Bordures subtiles */
  --dl-pill-bg: #F2F2F2;       /* Fond standard des pilules du site */
  --dl-pill-text: #6B6B6B;     /* Couleur libellé standard des pilules */

  /* --- Types de Vins (Taxonomie & Couleurs Officielles divineloire.fr) --- */
  --wine-blanc-sec: #FFD43B;   /* Vin blanc sec (Jaune) */
  --wine-tendre: #FFD43B;      /* Vin tendre (Jaune, même couleur, libellé distinct) */
  --wine-moelleux: #F97316;    /* Vin moelleux / Doux (Orange) */
  --wine-petillant: #69B04A;   /* Vin pétillant (Vert - Fines bulles) */
  --wine-rose: #9C36B5;        /* Vin rosé (Violet) */
  --wine-rouge: #E03131;       /* Vin rouge (Rouge) */

  /* --- Attributs de Domaine --- */
  --attr-bio: #2E7D32;         /* Vins biologiques / Biodynamie */
  --attr-troglo: #6D4C41;      /* Caves troglodytiques */

  /* --- Typographie --- */
  --dl-font-serif: 'Merriweather', Georgia, serif;
  --dl-font-sans: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Échelle Typographique */
  --text-h1: 32px / 1.15 var(--dl-font-serif);
  --text-domaine: 26px / 1.2 var(--dl-font-serif);
  --text-card-title: 20px / 1.25 var(--dl-font-serif);
  --text-aoc: 700 13px / 1.3 var(--dl-font-sans);
  --text-body: 400 16px / 1.6 var(--dl-font-sans);
  --text-meta: 400 14px / 1.4 var(--dl-font-sans);
  --text-pill: 400 15px / 1 var(--dl-font-sans);
  --text-pill-small: 600 13px / 1 var(--dl-font-sans);

  /* --- Espacements & Rayons --- */
  --radius-pill: 999px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* --- Ombres --- */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.12);

  /* --- Accessibilité & Touch --- */
  --touch-target-min: 44px;
}