/* =====================================================================
   Stem · design tokens
   The florist. Light is "Morning" (linen, deep leaf ink); dark is
   "Cool room". --marigold is the one accent (buttons, links, the lit
   phrase, the cut-off). --leaf is greenery and "in season". --bloom-*
   colour the flowers: decoration, never text. --kraft is the wrap and
   the card stays cream at night.
   ===================================================================== */
:root {
  color-scheme: light;
  --paper: #f4f1e8;
  --card: #fdfbf5;
  --well: #ebe6d8;
  --line: #d9d2c0;
  --ink: #1d2a21;
  --ink-2: #3c4a3f;
  --muted: #58635a;
  --marigold: #a8430c;
  --marigold-2: #86350a;
  --on-marigold: #ffffff;
  --marigold-soft: #f8dfcd;
  --leaf: #3d6b48;
  --focus: #1d2a21;
  --shadow-card: 0 1px 0 rgba(29, 42, 33, 0.05), 0 18px 36px -24px rgba(29, 42, 33, 0.45);
  --shadow-lift: 0 34px 64px -30px rgba(29, 42, 33, 0.5);

  --kraft: #d9b98a;
  --kraft-2: #c4a06d;
  --kraft-ink: #3b2a17;
  --note: #fffaf0;                    /* the card message: cream in both modes */
  --note-ink: #2a2620;
  --stalk: #5b8a4f;
  --stalk-2: #3e6a3a;
  --bloom-1: #e8a0b4;                 /* peony pink */
  --bloom-2: #f3c26b;                 /* butter yellow */
  --bloom-3: #e2643f;                 /* coral */
  --bloom-4: #f6f1e4;                 /* white */
  --bloom-5: #9a7fc7;                 /* lilac */
  --bloom-6: #c2304f;                 /* deep red */
  --bloom-7: #7fb7d9;                 /* sky */
  --bloom-8: #f08a2c;                 /* marigold */

  --display: "Caprasimo", "Cooper Black", Georgia, serif;
  --body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --hand: "Caveat", "Segoe Print", cursive;
  --mono: var(--body);

  --fs-h1: clamp(46px, 6.4vw, 96px);
  --fs-h2: clamp(34px, 4.2vw, 60px);
  --fs-h3: 22px;
  --fs-lead: clamp(17.5px, 1.35vw, 20.5px);
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-label: 12.5px;

  --wrap: 1220px;
  --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: 12px;
  --r-m: 22px;
  --r-l: 34px;
  --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: 160ms;
  --d: 320ms;
  --d-slow: 900ms;
}

/* ---------- Cool room ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0f1712;
    --card: #16211a;
    --well: #121b15;
    --line: #2a3a2f;
    --ink: #eef2e8;
    --ink-2: #ccd5c8;
    --muted: #a2ad9f;
    --marigold: #ff9d5c;
    --marigold-2: #ffb987;
    --on-marigold: #2c1100;
    --marigold-soft: #33200f;
    --leaf: #8fcf9b;
    --focus: #eef2e8;
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 18px 36px -22px rgba(0, 0, 0, 0.85);
    --shadow-lift: 0 34px 64px -28px rgba(0, 0, 0, 0.9);
    --stalk: #6f9e60;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0f1712;
  --card: #16211a;
  --well: #121b15;
  --line: #2a3a2f;
  --ink: #eef2e8;
  --ink-2: #ccd5c8;
  --muted: #a2ad9f;
  --marigold: #ff9d5c;
  --marigold-2: #ffb987;
  --on-marigold: #2c1100;
  --marigold-soft: #33200f;
  --leaf: #8fcf9b;
  --focus: #eef2e8;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 18px 36px -22px rgba(0, 0, 0, 0.85);
  --shadow-lift: 0 34px 64px -28px rgba(0, 0, 0, 0.9);
  --stalk: #6f9e60;
}