/* ============================================================
   Duo · design tokens — natural materials
   Ivory, linen, warm stone, walnut, espresso, with clay and a
   whisper of brushed brass and muted olive. Low saturation, soft
   contrast — calm, mature, tactile. Colour used sparingly.
   Only colours changed here; type / radii / spacing untouched.
   Variable names kept stable (--mint = the single clay accent).
   ============================================================ */
:root{
  /* canvas + surfaces — linen paper, ivory cards, warm stone rails */
  --bg:#ece5d6;
  --surface:#f5f0e6;
  --surface-2:#efe9db;
  --surface-3:#e0d8c6;
  --line:#dbd2bf;
  --line-2:#cdc3ac;

  /* ink — walnut / espresso, softened (never pure black) */
  --ink:#362b1e;
  --ink-2:#6e6353;
  --ink-3:#9c907b;

  /* accent — muted clay terracotta (used sparingly) */
  --mint:#a9644a;
  --mint-deep:#8a4e38;       /* accent text / pressed */
  --mint-bright:#a9644a;
  --mint-ink:#ffffff;
  --mint-dim:#efe1d9;
  --mint-line:#e2cdc1;
  --grad-brand:#a9644a;      /* solid — no gradients */
  --grad-brand-vert:#a9644a;

  /* brushed brass, for rare warm highlights (hero ring etc.) */
  --brass:#c9a56d;

  /* supporting / partner tones — muted, earthy */
  --violet:#8a7a86; --violet-dim:#efe9ea;
  --blue:#7a836a;   --blue-dim:#eaeade;    /* partner A / info = sage */
  --pink:#a8834f;   --pink-dim:#f1e8d5;    /* partner B = brass */

  /* semantic — desaturated */
  --amber:#997c3d;  --amber-dim:#eee4cf;   /* warnings = brass */
  --red:#9a4a34;    --red-dim:#ecdcd2;     /* over budget = brick */
  --orange:#b06a4c;

  /* type — unchanged (Warm Market pairing) */
  --font-ui:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-display:"Bricolage Grotesque","Hanken Grotesk",-apple-system,sans-serif;

  /* shape — unchanged */
  --r-lg:20px;
  --r-md:12px;
  --r-sm:9px;

  /* depth — extremely subtle, warm-stone tinted */
  --shadow-sm:0 1px 2px rgba(58,42,24,0.05);
  --shadow-md:0 1px 3px rgba(58,42,24,0.05), 0 10px 22px rgba(58,42,24,0.05);
  --shadow-lg:0 8px 20px rgba(58,42,24,0.09), 0 22px 44px rgba(58,42,24,0.08);
  --shadow-accent:0 3px 10px rgba(138,78,56,0.18);
  --shadow-glow:none;

  /* motion — unchanged */
  --spring:cubic-bezier(.2,.9,.3,1);
}