/* Vins-France — généré depuis packages/design-tokens/src/tokens.json, ne pas éditer */
:root {
  --ground: #ffffff;
  --ground-raised: #f6f4f1;
  --ink: #111111;
  --muted: #6e6e6e;
  --line: #111111;
  --line-soft: #dddddd;
  --vermillon: #ff3b1f;
  --vermillon-text: #d92c15;
  --on-vermillon: #ffffff;
  --rose: #ffd3dc;
  --on-rose: #111111;
  --vin-rouge: #9e1b3a;
  --vin-blanc: #f2d054;
  --vin-rose: #f5a3b8;
  --vin-bulles: #8ed0f2;
  --vin-orange: #f08a24;
  --succes: #1f7a3f;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-xs: 4px;
  --radius-md: 16px;
  --radius-pill: 999px;
  --border-strong: 2px;
  --border-chip: 1.5px;
  --border-hair: 1px;
  --font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-grotesque: "Bricolage Grotesque", "Arial Black", Arial, sans-serif;
  --font-sans: Figtree, "Helvetica Neue", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --ground: #121113;
  --ground-raised: #1c1a1e;
  --ink: #f3f1ee;
  --muted: #a3a0a6;
  --line: #f3f1ee;
  --line-soft: #2e2b31;
  --vermillon: #ff5a40;
  --vermillon-text: #ff7a63;
  --on-vermillon: #121113;
  --rose: #4a2630;
  --on-rose: #f3f1ee;
  --vin-rouge: #c8365a;
  --vin-blanc: #f2d054;
  --vin-rose: #f5a3b8;
  --vin-bulles: #8ed0f2;
  --vin-orange: #f08a24;
  --succes: #6fd08c;
  color-scheme: dark;
} }
:root[data-theme="dark"] {
  --ground: #121113;
  --ground-raised: #1c1a1e;
  --ink: #f3f1ee;
  --muted: #a3a0a6;
  --line: #f3f1ee;
  --line-soft: #2e2b31;
  --vermillon: #ff5a40;
  --vermillon-text: #ff7a63;
  --on-vermillon: #121113;
  --rose: #4a2630;
  --on-rose: #f3f1ee;
  --vin-rouge: #c8365a;
  --vin-blanc: #f2d054;
  --vin-rose: #f5a3b8;
  --vin-bulles: #8ed0f2;
  --vin-orange: #f08a24;
  --succes: #6fd08c;
  color-scheme: dark;
}
.t-h1 { font-family: var(--font-display); font-size: 44px; line-height: 42px; font-weight: 400; font-style: italic; letter-spacing: -0.02em; }
.t-h2 { font-family: var(--font-display); font-size: 30px; line-height: 32px; font-weight: 400; font-style: italic; letter-spacing: -0.015em; }
.t-name { font-family: var(--font-display); font-size: 28px; line-height: 30px; font-weight: 400; letter-spacing: -0.01em; }
.t-figure { font-family: var(--font-display); font-size: 26px; line-height: 28px; font-weight: 400; }
.t-button { font-family: var(--font-grotesque); font-size: 15px; line-height: 20px; font-weight: 700; letter-spacing: -0.01em; }
.t-chip { font-family: var(--font-grotesque); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: -0.01em; }
.t-label { font-family: var(--font-grotesque); font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 0.1em; }
.t-wordmark { font-family: var(--font-grotesque); font-size: 22px; line-height: 22px; font-weight: 800; letter-spacing: -0.04em; }
.t-body { font-family: var(--font-sans); font-size: 17px; line-height: 27px; font-weight: 400; }
.t-body-sm { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.t-strong { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 600; }
.t-caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.t-crumb { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 600; letter-spacing: 0.12em; }