/* ═══════════════════════════════════════════════════════════
   FICHIER GÉNÉRÉ — ne pas modifier à la main.
   Source : config/product.config.json → theme
   Régénéré à chaque « npm run build ».
   ═══════════════════════════════════════════════════════════ */


/* Polices auto-hébergées — aucune requête vers un service tiers. */
@font-face {
  font-family: 'Fraunces';
  src: url('../assets/fonts/fraunces-variable.woff2') format('woff2-variations');
  font-weight: 300 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/inter-variable.woff2') format('woff2-variations');
  font-weight: 300 700; font-style: normal; font-display: swap;
}

:root {
  --ink: #1C1B1A;
  --surface: #FDFBF7;
  --accent: #8C7256;
  --muted: #787570;
  --white: #FFFFFF;
  --border: #EBE7DF;
  --bg-stone: #FDFBF7;
  --bg-surface: #FFFFFF;
  --text-main: #1C1B1A;
  --text-muted: #787570;
  --accent-bronze: #8C7256;
  --border-subtle: #EBE7DF;
  --media-fallback: #F5F3EF;
  --ink-soft: #454342;
  --ink-deep: #121211;
  --surface-alt: #fefdfb;
  --line: #d9d7d4;
  --line-soft: #ebe9e5;
  --accent-light: #b4a391;
  --accent-deep: #6a5844;
  --text: #1C1B1A;
  --text-mute: #787570;
  --on-ink: #FDFBF7;
  --on-ink-mute: #aeadaa;
  --accent-alt: #a18b74;
  --accent-on-ink: #a38e78;
  --focus-ring: #c0b1a2;
  --ink-raised: #2c2b29;
  --ink-mid: #292521;
  --ink-far: #302f2d;
  --shadow-soft: 0 2px 18px rgba(28, 27, 26, 0.14);
  --shadow-deep: 0 24px 70px rgba(28, 27, 26, 0.34);
  --hero-veil: linear-gradient(180deg, rgba(28, 27, 26, 0.88) 0%, rgba(28, 27, 26, 0.58) 45%, rgba(28, 27, 26, 0.92) 100%);
  --hero-loop-veil: linear-gradient(180deg, rgba(28, 27, 26, 0.72) 0%, rgba(28, 27, 26, 0.44) 50%, rgba(28, 27, 26, 0.8) 100%);
  --surface-veil: rgba(28, 27, 26, 0.55);
  --surface-veil-strong: rgba(28, 27, 26, 0.82);
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, Arial, sans-serif;
  --t: .35s;
  --ease: cubic-bezier(.22,.61,.36,1);
  --radius: 0px;
}