/* Dorne design tokens — the import surface for the app.
   Only :root and font-metric fallbacks live here; no component or page rules. */

:root {
  --bg: #0a100d;
  --bg-1: #0d1510;
  --panel-from: #121b16;
  --panel-to: #0b110e;
  --text: #f5f0e7;
  --muted: #cec6b7;
  --dim: #a19886;
  --accent: #d7b378;
  --accent-strong: #ecd3a3;
  --accent-line: rgba(215, 179, 120, 0.35);
  --glow: rgba(226, 196, 140, 0.17);
  --cream: #f4efe2;
  --cream-2: #ece5d5;
  --cream-ink: #6b5c48;
  --cream-ink-strong: #14110c;
  --btn-from: #e5c48f;
  --btn-to: #cfa96f;
  --btn-from-hover: #ecd0a2;
  --btn-to-hover: #d9b57a;
  --btn-ink: #14180f;
  --line: rgba(242, 236, 226, 0.11);
  --line-soft: rgba(242, 236, 226, 0.06);
  --specular: inset 0 1px 0 rgba(255, 240, 210, 0.14);
  --shadow-panel: 0 50px 90px -60px #000;
  --shadow-float: 0 0 130px -70px rgba(215, 179, 120, 0.38);
  --fill-1: rgba(242, 236, 226, 0.018);
  --fill-2: rgba(242, 236, 226, 0.022);
  --fill-hover: rgba(242, 236, 226, 0.04);
  --specular-soft: inset 0 1px 0 rgba(255, 243, 226, 0.06);
  --cream-divider: rgba(20, 17, 12, 0.12);
  --bar-bg: rgba(10, 16, 13, 0.76);
  --pool-soft: rgba(255, 246, 228, 0.055);
  --outline-line: rgba(242, 236, 226, 0.18);
  --outline-line-hover: rgba(242, 236, 226, 0.4);
  --cream-border: rgba(255, 255, 255, 0.5);
  --shadow-copper: 0 6px 18px -10px rgba(215, 179, 120, 0.42);
  --shadow-copper-hover: 0 10px 24px -12px rgba(215, 179, 120, 0.52);
  --specular-strong: inset 0 1px 0 rgba(255, 248, 236, 0.5);
  --specular-strong-hover: inset 0 1px 0 rgba(255, 250, 240, 0.62);
  --accent-glow: rgba(215, 179, 120, 0.26);
  --accent-wash: rgba(215, 179, 120, 0.1);
  --kicker-light: rgba(242, 236, 226, 0.62);
  --cream-specular: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  --shadow-cream: 0 40px 80px -56px rgba(0, 0, 0, 0.9);
  --display: "Fraunces", "Fraunces Fallback", Georgia, serif;
  --sans: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-micro: 9px;
  --fs-label: 10px;
  --fs-mono: 11.5px;
  --fs-small: 13.5px;
  --fs-body: 15px;
  --fs-lead: 17px;
  --fs-title: 20px;
  --fs-wordmark: 22px;
  --fs-h3: clamp(22px, 2.6vw, 32px);
  --fs-figure: clamp(32px, 3.4vw, 46px);
  --fs-price: clamp(42px, 4.6vw, 58px);
  --fs-h2: clamp(30px, 4.2vw, 52px);
  --fs-xl: clamp(32px, 4.6vw, 62px);
  --fs-display: clamp(38px, 5.2vw, 76px);
  --track-tight: -0.02em;
  --track-label: 0.14em;
  --track-caps: 0.22em;
  --track-mono: 0.02em;
  --max: 1160px;
  --gutter: clamp(20px, 4.5vw, 52px);
  --section-y: clamp(72px, 9vw, 124px);
  --r: 6px;
}

@font-face {
  font-family: "Fraunces Fallback";
  src: local("Georgia"), local("Times New Roman");
  size-adjust: 96%;
  ascent-override: 88%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Inter Fallback";
  src: local("Helvetica Neue"), local("Arial");
  size-adjust: 107%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}