/* =====================================================================
   Tribute · design tokens
   Funeral directors. Light is "Day"; dark is "Evening".
   --dusk is the one accent (buttons, links, chosen options, the lit words).
   --candle is a soft candlelight gold, for fills only (the glow behind the lit words, totals, the least expensive marker); text on it is ink. --candle-ink is its text colour.
   --ok marks steps done; --alert marks invalid fields only.
   ===================================================================== */
:root {
  color-scheme: light;
  --paper: #f6f3ee;
  --card: #fffdf9;
  --well: #ece7df;
  --line: #dbd3c7;
  --ink: #22201d;
  --ink-2: #423e39;
  --muted: #625c55;
  --dusk: #45497a;
  --dusk-2: #363a63;
  --on-dusk: #ffffff;
  --dusk-soft: #e6e6f1;
  --candle: #ecc979;
  --candle-soft: #f8eed6;
  --candle-ink: #6b5014;
  --ok: #2f6544;
  --alert: #a8322a;
  --focus: #45497a;
  --shadow-card: 0 1px 2px rgba(34, 32, 29, 0.05), 0 18px 36px -26px rgba(34, 32, 29, 0.36);
  --shadow-lift: 0 30px 60px -30px rgba(34, 32, 29, 0.42);

  --display: "EB Garamond", Georgia, serif;
  --body: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Xanh Mono", ui-monospace, Menlo, monospace;

  --fs-h1: clamp(46px, 6.2vw, 96px);
  --fs-h2: clamp(34px, 4vw, 58px);
  --fs-h3: 23px;
  --fs-lead: clamp(17.5px, 1.35vw, 20.5px);
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-label: 12px;

  --wrap: 1200px;
  --gutter: max(20px, 4vw);
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 40px; --s-7: 64px; --s-8: 104px;

  --r-s: 8px;
  --r-m: 14px;
  --r-l: 22px;
  --r-pill: 999px;

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --snap: cubic-bezier(0.34, 1.56, 0.64, 1);
  --d-fast: 150ms;
  --d: 300ms;
  --d-slow: 900ms;
}

/* ---------- Evening ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #141317;
    --card: #1c1b20;
    --well: #18171b;
    --line: #302e35;
    --ink: #f1eee9;
    --ink-2: #d3cec7;
    --muted: #a49e96;
    --dusk: #b6b9e8;
    --dusk-2: #cfd1f1;
    --on-dusk: #17193a;
    --dusk-soft: #212238;
    --candle: #ecc979;
    --candle-soft: #2b2516;
    --candle-ink: #ecc979;
    --ok: #93cfa7;
    --alert: #ff9a90;
    --focus: #b6b9e8;
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 34px -20px rgba(0, 0, 0, 0.8);
    --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.88);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #141317;
  --card: #1c1b20;
  --well: #18171b;
  --line: #302e35;
  --ink: #f1eee9;
  --ink-2: #d3cec7;
  --muted: #a49e96;
  --dusk: #b6b9e8;
  --dusk-2: #cfd1f1;
  --on-dusk: #17193a;
  --dusk-soft: #212238;
  --candle: #ecc979;
  --candle-soft: #2b2516;
  --candle-ink: #ecc979;
  --ok: #93cfa7;
  --alert: #ff9a90;
  --focus: #b6b9e8;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 34px -20px rgba(0, 0, 0, 0.8);
  --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.88);
}