/**
 * 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-btn-forest: #064E3B;    /* Vert Forêt profond - Boutons CTA majeurs */
  --dl-btn-forest-hover: #04382A;
  --dl-btn-mint: #3EC99A;      /* Vert Menthe clair officiel du logo - Boutons CTA secondaires */
  --dl-btn-mint-hover: #2da37b;
  --dl-wine: #B01C1C;          /* Filtres AOP / accents */
  --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: #F4F1EA;       /* Fond de page et blocs d'ambiance warm cream */
  --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: #FFFA81;   /* Vin blanc sec (Jaune paille lumineux) */
  --wine-tendre: #FFDE59;      /* Vin tendre (Jaune doré doux) */
  --wine-moelleux: #FFDE59;    /* Vin moelleux / Doux (Jaune doré) */
  --wine-petillant: #5EB35F;   /* Vin pétillant (Vert - Fines bulles) */
  --wine-rose: #FFC6D0;        /* Vin rosé (Rose poudré doux) */
  --wine-rouge: #BA2A29;       /* Vin rouge (Rouge rubis / grenat) */

  /* --- Attributs de Domaine & Badges --- */
  --attr-bio: #2E7D32;         /* Vins biologiques / Biodynamie */
  --attr-troglo: #6D4C41;      /* Caves troglodytiques */
  --dl-badge-green-bg: #EAF7F2;     /* Fond vert clair doux des badges */
  --dl-badge-green-border: #D1FAE5; /* Bordure vert clair subtile */
  --dl-badge-green-title: #064E3B;  /* Titre badges vert forêt foncé */
  --dl-badge-green-desc: #047857;   /* Descriptif badges vert menthe soutenu */
  --dl-badge-green-icon: #10B981;   /* Icône médaillon vert */

  /* --- 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;
}