/* =====================================================================
   Garland · design tokens
   Weddings and events. Light is "Daylight"; dark is "Candlelight".
   --mul is the one accent (mulberry: buttons, links, the chosen date and package).
   --blush is for fills only (confetti, the quote's minimum-spend bar, held dates); text on it is ink. --blush-ink is its text colour.
   --alert is only for invalid fields, booked dates and a run sheet that goes past curfew.
   ===================================================================== */
:root {
  color-scheme: light;
  --paper: #fbf6f2;
  --card: #ffffff;
  --well: #f4ece6;
  --line: #e6dad2;
  --ink: #1f1a1c;
  --ink-2: #433a3d;
  --muted: #655b5f;
  --mul: #7b2d4f;
  --mul-2: #62233f;
  --on-mul: #ffffff;
  --mul-soft: #f6e4ea;
  --blush: #f2c6c9;
  --blush-soft: #fbecec;
  --blush-ink: #8a4a2a;
  --alert: #a62b22;
  --focus: #7b2d4f;
  --shadow-card: 0 1px 2px rgba(31, 26, 28, 0.05), 0 18px 36px -26px rgba(31, 26, 28, 0.35);
  --shadow-lift: 0 30px 60px -30px rgba(31, 26, 28, 0.45);

  --display: "Cormorant", "Cormorant Garamond", Garamond, Georgia, serif;
  --body: "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Noto Sans Mono", ui-monospace, Menlo, monospace;

  --fs-h1: clamp(46px, 6.4vw, 98px);
  --fs-h2: clamp(34px, 4vw, 60px);
  --fs-h3: 22px;
  --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: 10px;
  --r-m: 16px;
  --r-l: 28px;
  --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;
}

/* ---------- Candlelight ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #131012;
    --card: #1e1a1c;
    --well: #181416;
    --line: #342c30;
    --ink: #f1eae6;
    --ink-2: #d6ccc8;
    --muted: #a99ea2;
    --mul: #eba9c4;
    --mul-2: #f3c6d8;
    --on-mul: #2c0b19;
    --mul-soft: #2e1a23;
    --blush: #e9b8bc;
    --blush-soft: #2c1f20;
    --blush-ink: #e9b8bc;
    --alert: #ff9a90;
    --focus: #eba9c4;
    --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: #131012;
  --card: #1e1a1c;
  --well: #181416;
  --line: #342c30;
  --ink: #f1eae6;
  --ink-2: #d6ccc8;
  --muted: #a99ea2;
  --mul: #eba9c4;
  --mul-2: #f3c6d8;
  --on-mul: #2c0b19;
  --mul-soft: #2e1a23;
  --blush: #e9b8bc;
  --blush-soft: #2c1f20;
  --blush-ink: #e9b8bc;
  --alert: #ff9a90;
  --focus: #eba9c4;
  --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);
}