/* ==========================================================================
   Design tokens — Da Enzo Falkensee
   ========================================================================== */

@font-face {
  font-family: "Bodoni Moda";
  src: url("../fonts/bodoni-moda.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bodoni Moda";
  src: url("../fonts/bodoni-moda-italic.woff2") format("woff2");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/jost.woff2") format("woff2");
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
}
/* Metric-matched fallbacks keep layout shift low while webfonts load */
@font-face {
  font-family: "Bodoni Fallback";
  src: local("Didot"), local("Bodoni 72"), local("Georgia");
  size-adjust: 98%;
  ascent-override: 92%;
}
@font-face {
  font-family: "Jost Fallback";
  src: local("Arial"), local("Helvetica");
  size-adjust: 96%;
}

:root {
  /* Palette */
  --espresso: #14100E;
  --espresso-2: #1D1714;
  --espresso-3: #2A211C;
  --burgundy: #4A1721;
  --burgundy-2: #5C1E2A;
  --gold: #C4A06A;
  --gold-soft: #D8BE93;
  --gold-deep: #765A2D;
  --ivory: #F6F0E6;
  --ivory-2: #EDE4D4;
  --olive: #6B7054;
  --olive-text: #575B44;

  /* Semantic */
  --bg: var(--espresso);
  --fg: var(--ivory);
  --fg-muted: rgba(246, 240, 230, 0.68);
  --fg-faint: rgba(246, 240, 230, 0.56);
  --line: rgba(196, 160, 106, 0.28);
  --line-strong: rgba(196, 160, 106, 0.6);

  /* Type */
  --font-display: "Bodoni Moda", "Bodoni Fallback", "Didot", Georgia, serif;
  --font-body: "Jost", "Jost Fallback", "Helvetica Neue", Arial, sans-serif;

  --step--1: clamp(0.8rem, 0.78rem + 0.1vw, 0.875rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.45vw, 1.5rem);
  --step-2: clamp(1.5rem, 1.3rem + 0.9vw, 2.125rem);
  --step-3: clamp(2rem, 1.6rem + 1.9vw, 3.25rem);
  --step-4: clamp(2.6rem, 1.9rem + 3.4vw, 5.25rem);
  --step-5: clamp(2.9rem, 1rem + 7vw, 8.75rem);

  /* Space */
  --gutter: clamp(1rem, 4vw, 3.5rem);
  --section: clamp(5.5rem, 12vw, 11rem);
  --max: 1440px;
  --measure: 34rem;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-lux: cubic-bezier(0.65, 0.05, 0.36, 1);
  --dur-1: 0.25s;
  --dur-2: 0.6s;
  --dur-3: 1.1s;

  --nav-h: 5.5rem;
  --radius-pill: 999px;
  --z-nav: 50;
  --z-overlay: 60;
  --z-cursor: 90;
  --z-loader: 100;
}