/* GÉNÉRÉ par scripts/build-exports.mjs depuis brand/tokens — NE PAS ÉDITER. */
:root {
  --color-paper: #FAF8F3;
  --color-ink: #211C17;
  --color-vermillon: #E0542B;
  --color-grey: #7A726A;
  --color-grey-night: #CBC4BA;
  --color-filet: #E7E1D8;
  --world-ardoise: #46647A;
  --world-ambre: #C89B5A;
  --world-sauge: #71805F;
  --world-argile: #BC8272;
  --world-prune: #5F5069;
  --font-serif: "Instrument Serif", serif;
  --font-display: "Anton", sans-serif;
  --font-sans: "Geist", sans-serif;
  --font-mono: "Geist Mono", monospace;
  --text-hero: clamp(2.5rem, 6vw, 4.5rem);
  --text-titre: clamp(2rem, 4vw, 3.25rem);
  --text-corps: clamp(1.25rem, 2.2vw, 1.6rem);
  --text-display: clamp(3rem, 9vw, 7rem);
  --text-appui: 1.0625rem;
  --text-eyebrow: 0.8125rem;
  --text-meta: 0.75rem;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-2xl: 128px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --elevation-flat: none;
  --elevation-raised: 0 1px 2px rgba(33, 28, 23, 0.08);
  --elevation-float: 0 8px 24px rgba(33, 28, 23, 0.12);
  --glow-vermillon: radial-gradient(ellipse 82% 44% at 34% 42%, rgba(224, 84, 43, 0.18) 0%, rgba(224, 84, 43, 0.06) 46%, rgba(224, 84, 43, 0) 78%);
  --glow-vignette: radial-gradient(ellipse 78% 74% at 50% 44%, transparent 52%, rgba(0, 0, 0, 0.36) 100%);
  --grid-clair-color: rgba(33, 28, 23, 0.04);
  --grid-clair-step: 46px;
  --grid-nocturne-color: rgba(250, 248, 243, 0.055);
  --grid-nocturne-step: 120px;
  --bg: var(--color-paper);
  --fg: var(--color-ink);
  --muted: var(--color-grey);
  --rule: var(--color-filet);
  --accent: var(--color-vermillon);
  --grid-color: var(--grid-clair-color);
  --grid-step: var(--grid-clair-step);
}
[data-theme="night"] {
  --bg: var(--color-ink);
  --fg: var(--color-paper);
  --muted: var(--color-grey-night);
  --rule: rgba(250, 248, 243, 0.14);
  --accent: var(--color-vermillon);
  --grid-color: var(--grid-nocturne-color);
  --grid-step: var(--grid-nocturne-step);
}
.type-hero { font-family: var(--font-serif); font-size: var(--text-hero); line-height: 1.02; }
.type-titre { font-family: var(--font-serif); font-size: var(--text-titre); line-height: 1.05; }
.type-corps { font-family: var(--font-serif); font-size: var(--text-corps); line-height: 1.35; }
.type-display { font-family: var(--font-display); font-size: var(--text-display); line-height: 0.95; text-transform: uppercase; }
.type-appui { font-family: var(--font-sans); font-size: var(--text-appui); line-height: 1.5; font-weight: 500; }
.type-eyebrow { font-family: var(--font-mono); font-size: var(--text-eyebrow); font-weight: 600; text-transform: uppercase; letter-spacing: 0.22em; }
.type-meta { font-family: var(--font-mono); font-size: var(--text-meta); font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; }