/* ========================================================================
   DOMAS · DESIGN TOKENS · v8 "Heritage Steakhouse Confidente"
   References: Hawksmoor (UK), Macelleria Cecchini (Panzano), Brat (London)
   ======================================================================== */

/* ---------- Fonts self-hosted (subset latin, solo stili usati) ---------- */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../assets/fonts/cormorant-garamond-300.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/cormorant-garamond-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../assets/fonts/cormorant-garamond-italic-300.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/cormorant-garamond-italic-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/inter-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/jetbrains-mono-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* ---------- Palette: antracite warm, MAI navy ---------- */
  --bg:           oklch(15% 0.012 40);
  --bg-deep:      oklch(11% 0.010 40);
  --surface:      oklch(19% 0.014 40);

  --bone:         oklch(94% 0.020 80);
  --bone-mute:    oklch(78% 0.018 75);
  --bone-faint:   oklch(64% 0.014 70);

  --ottone:       oklch(72% 0.130 75);
  --ottone-deep:  oklch(58% 0.110 70);

  --hairline:        oklch(32% 0.012 40 / 0.5);
  --hairline-strong: oklch(40% 0.012 40 / 0.75);

  /* ---------- Typography ---------- */
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --font-italic:  "Cormorant Garamond", "Cormorant", Georgia, serif; /* Infant eliminato: quasi identico al Garamond italic */
  --font-body:    "Inter", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-xs:    clamp(0.70rem, 0.66rem + 0.18vw, 0.78rem);
  --text-sm:    clamp(0.82rem, 0.78rem + 0.20vw, 0.92rem);
  --text-base:  clamp(1.00rem, 0.94rem + 0.30vw, 1.125rem);
  --text-lg:    clamp(1.18rem, 1.08rem + 0.50vw, 1.40rem);
  --text-xl:    clamp(1.55rem, 1.35rem + 1.00vw, 2.10rem);
  --text-h2:    clamp(2.30rem, 1.60rem + 3.20vw, 4.50rem);
  --text-h1:    clamp(3.20rem, 1.20rem + 9.50vw, 9.50rem);

  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-section: clamp(4.5rem, 3rem + 6vw, 10rem);

  --maxw:       1320px;
  --maxw-text:  68ch;
  --gutter:     clamp(1.25rem, 0.8rem + 2vw, 2.5rem);

  --dur-fast:   180ms;
  --dur-norm:   320ms;
  --dur-slow:   620ms;
  --ease-out:   cubic-bezier(0.16, 1, 0.30, 1);

  --grain-opacity: 0.05;
  --vignette: radial-gradient(ellipse at center, transparent 35%, oklch(8% 0.008 40 / 0.65) 100%);
  --candle: radial-gradient(ellipse 60% 50% at 50% 35%,
            oklch(28% 0.05 60 / 0.50) 0%,
            oklch(20% 0.03 50 / 0.30) 35%,
            transparent 70%);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-norm: 0ms; --dur-slow: 0ms; }
}