/* Cave Saint Etienne · Charte web « La Maison » · cse-tokens.css (WordPress)
   Généré depuis src/data.py, comme le tokens.json du design system. Ne pas modifier à la main. */
@font-face{font-family:"Newsreader"; src:url("../fonts/newsreader-variable.woff2") format("woff2"); font-weight:200 800; font-style:normal; font-display:swap}
@font-face{font-family:"Newsreader"; src:url("../fonts/newsreader-italic-variable.woff2") format("woff2"); font-weight:200 800; font-style:italic; font-display:swap}
@font-face{font-family:"Montserrat"; src:url("../fonts/montserrat-regular.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap}
@font-face{font-family:"Montserrat"; src:url("../fonts/montserrat-italic.ttf") format("truetype"); font-weight:400; font-style:italic; font-display:swap}
@font-face{font-family:"Montserrat"; src:url("../fonts/montserrat-medium.ttf") format("truetype"); font-weight:500; font-style:normal; font-display:swap}
@font-face{font-family:"Montserrat"; src:url("../fonts/montserrat-semibold.ttf") format("truetype"); font-weight:600; font-style:normal; font-display:swap}
@font-face{font-family:"Montserrat"; src:url("../fonts/montserrat-bold.ttf") format("truetype"); font-weight:700; font-style:normal; font-display:swap}
:root{
  --cse-papier: #F8F2EA;  /* Fond des pages claires */
  --cse-lin: #EFE6D9;  /* Sections alternées, bloc « Sam */
  --cse-blanc: #FFFFFF;  /* Fond des cartes sur papier ; texte sur `cse-bordeaux` (10:1) */
  --cse-brun: #2A1B17;  /* Brun de cave : texte courant, bandeau d'infos, sections sombres, pied de page */
  --cse-brun-2: #3A2621;  /* Panneau posé dans une section sombre (formulaire fûts) */
  --cse-bordeaux: #7D201B;  /* Bordeaux du logo : bouton principal sur clair, mots en italique dans les titres, liens, onglet actif */
  --cse-ambre: #E0A15A;  /* Bouton principal et chiffres clés sur fond sombre (7,4:1 sur `cse-brun`) */
  --cse-bois: #6A5348;  /* Texte secondaire sur `cse-papier`, `cse-lin` et `cse-blanc` (≥ 5,8:1) */
  --cse-creme: #EFE4D6;  /* Texte courant sur `cse-brun` (13,2:1) et `cse-brun-2` */
  --cse-sable: #CDBCAB;  /* Texte secondaire sur `cse-brun` (9:1) et `cse-brun-2` (7,7:1) */
  --cse-robe-pourpre: #4A0E1E;  /* Initiations */
  --cse-robe-grenat: #7D201B;  /* Vins */
  --cse-robe-tuile: #A5462A;  /* Bières et fûts */
  --cse-robe-ambre: #C98A3A;  /* Spiritueux */
  --cse-robe-or: #E8C26A;  /* Champagnes */
  --cse-bg: var(--cse-papier);
  --cse-bg-alt: var(--cse-lin);
  --cse-surface: var(--cse-blanc);
  --cse-text: var(--cse-brun);
  --cse-text-muted: var(--cse-bois);
  --cse-accent: var(--cse-bordeaux);
  --cse-line: rgba(42,27,23,.12);
  --cse-field-border: #8F7A6E;
  --cse-focus: var(--cse-bordeaux);
  --cse-error: #A3271F;
  --cse-success: #3F6B2A;
  --cse-btn-bg: var(--cse-bordeaux);
  --cse-btn-fg: var(--cse-blanc);
  --cse-btn-bg-hover: #651913;
  --cse-btn-outline: rgba(42,27,23,.5);
  --cse-btn-outline-fg: var(--cse-brun);
  --cse-space-1: 4px;
  --cse-space-2: 8px;
  --cse-space-3: 12px;
  --cse-space-4: 16px;
  --cse-space-5: 24px;
  --cse-space-6: 32px;
  --cse-space-7: 48px;
  --cse-space-8: 64px;
  --cse-radius-s: 4px;
  --cse-radius-m: 6px;
  --cse-radius-pill: 999px;
  --cse-shadow-card: 0 1px 0 rgba(42,27,23,.04), 0 18px 40px -28px rgba(42,27,23,.45);
  --cse-content: 1200px;
  --cse-measure: 62ch;
  --cse-tap-min: 44px;
  --cse-font-titre: Newsreader, "Iowan Old Style", Georgia, serif;
  --cse-font-texte: Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif; /* 5 nov. 2026 : remplace Archivo (demande de l'utilisateur) */
  --cse-font-etiq: Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif; /* 5 nov. 2026 : remplace Space Mono (demande de l'utilisateur) */
}
/* Section sombre : bloc Groupe avec la variation « Cave » ou attribut data-theme="cave" */
[data-theme="cave"], .is-style-cave{
  --cse-bg: var(--cse-brun);
  --cse-bg-alt: var(--cse-brun-2);
  --cse-surface: var(--cse-brun-2);
  --cse-text: var(--cse-creme);
  --cse-text-muted: var(--cse-sable);
  --cse-accent: var(--cse-ambre);
  --cse-line: rgba(239,228,214,.18);
  --cse-field-border: #8C786D;
  --cse-focus: var(--cse-ambre);
  --cse-error: #F0A08F;
  --cse-success: #9CC27A;
  --cse-btn-bg: var(--cse-ambre);
  --cse-btn-fg: var(--cse-brun);
  --cse-btn-bg-hover: #EBB576;
  --cse-btn-outline: rgba(255,255,255,.55);
  --cse-btn-outline-fg: var(--cse-blanc);
}
:root{
  /* Échelle fluide (360 → 1280 px) */
  --cse-fs-display: clamp(2.5rem, 1.766rem + 3.261vw, 4.375rem);
  --cse-fs-h1: clamp(2.25rem, 1.761rem + 2.174vw, 3.5rem);
  --cse-fs-h2: clamp(1.875rem, 1.533rem + 1.522vw, 2.75rem);
  --cse-fs-h3: clamp(1.375rem, 1.277rem + .435vw, 1.625rem);
  --cse-fs-h4: 1.25rem;
  --cse-fs-lead: clamp(1rem, .951rem + .217vw, 1.125rem);
  --cse-fs-body: 1rem;
  --cse-fs-small: .875rem;
  --cse-fs-label: .6875rem;
  --cse-fw-titre: 300; --cse-fw-texte: 500; /* 5 nov. 2026 : 400 jugé trop fin avec Montserrat */ --cse-fw-fort: 600;
  --cse-lh-titre: 1.05; --cse-lh-carte: 1.15; --cse-lh-texte: 1.6;
  --cse-ls-titre: -.02em; --cse-ls-label: .14em;
  --cse-space-section: clamp(3rem, 1.826rem + 5.217vw, 6rem);
  --cse-gutter: clamp(1rem, .609rem + 1.739vw, 2rem);
  --cse-focus-ring: 2px solid var(--cse-focus);
  --cse-focus-offset: 3px;
  --cse-ease: cubic-bezier(.2,.7,.2,1);
  --cse-dur-fast: 150ms; --cse-dur: 280ms;
}
@media (prefers-reduced-motion: reduce){ :root{ --cse-dur-fast:0ms; --cse-dur:0ms } }