/* =====================================================================
   Turndown · design tokens
   Hotels and places to stay. Light is "Day"; dark is "Night".
   --key is the one accent (buttons, links, the chosen dates, the selected room).
   --brass is for fills only (the price line under the total, the turndown fold, key tags); text on it is ink. --brass-ink is brass as text.
   --alert is only for invalid fields, blocked dates and the no-refund part of the cancellation timeline.
   ===================================================================== */
:root {
  color-scheme: light;
  --paper: #f7f4ee;
  --card: #ffffff;
  --well: #efeae1;
  --line: #ddd6ca;
  --ink: #15171c;
  --ink-2: #3a3c43;
  --muted: #5f6068;
  --key: #1d3a5f;
  --key-2: #142b47;
  --on-key: #ffffff;
  --key-soft: #e2e8f1;
  --brass: #c9a24a;
  --brass-soft: #f4ead2;
  --brass-ink: #7a5a12;
  --alert: #a3291f;
  --focus: #1d3a5f;
  --shadow-card: 0 1px 2px rgba(21, 23, 28, 0.05), 0 18px 36px -26px rgba(21, 23, 28, 0.35);
  --shadow-lift: 0 30px 60px -30px rgba(21, 23, 28, 0.45);

  --display: "Bodoni Moda", Didot, "Bodoni 72", Georgia, serif;
  --body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Fragment Mono", ui-monospace, Menlo, monospace;

  --fs-h1: clamp(44px, 6vw, 92px);
  --fs-h2: clamp(32px, 3.8vw, 56px);
  --fs-h3: 21px;
  --fs-lead: clamp(17.5px, 1.35vw, 20.5px);
  --fs-body: 16.5px;
  --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: 4px;
  --r-m: 8px;
  --r-l: 14px;
  --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;
}

/* ---------- Night ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0f1115;
    --card: #191b21;
    --well: #14161b;
    --line: #2c2f37;
    --ink: #efeae2;
    --ink-2: #d2cdc5;
    --muted: #a2a3ab;
    --key: #9cbbe6;
    --key-2: #bdd2f0;
    --on-key: #0c1a2c;
    --key-soft: #1a2433;
    --brass: #d9b866;
    --brass-soft: #2b2414;
    --brass-ink: #d9b866;
    --alert: #ff9a8f;
    --focus: #9cbbe6;
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 34px -20px rgba(0, 0, 0, 0.85);
    --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.9);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0f1115;
  --card: #191b21;
  --well: #14161b;
  --line: #2c2f37;
  --ink: #efeae2;
  --ink-2: #d2cdc5;
  --muted: #a2a3ab;
  --key: #9cbbe6;
  --key-2: #bdd2f0;
  --on-key: #0c1a2c;
  --key-soft: #1a2433;
  --brass: #d9b866;
  --brass-soft: #2b2414;
  --brass-ink: #d9b866;
  --alert: #ff9a8f;
  --focus: #9cbbe6;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 34px -20px rgba(0, 0, 0, 0.85);
  --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.9);
}