/* Tradia landing: "Teal Blend" tokens. Light default, dark toggle. */
:root {
  --bg: #f3f1ea;
  --bg-card: #fbfaf6;
  --bg-paper: #ffffff;
  --bg-elev: #efece3;
  --bd: rgba(43,40,35,0.10);
  --bdh: rgba(43,40,35,0.20);
  --tx: #2b2823;
  --tx2: #6b665c;
  --tx3: #9c968a;
  --teal: #0f8077;
  --teal-s: rgba(15,128,119,0.12);
  --on-teal: #ffffff;
  --amber: #b07f30;
  --amber-s: rgba(176,127,48,0.12);
  --green: #5a8a4a;
  --green-s: rgba(90,138,74,0.14);
  --red: #c0503f;
  --red-s: rgba(192,80,63,0.12);
  --shadow: 0 1px 3px rgba(43,40,35,0.05), 0 26px 60px rgba(43,40,35,0.10);
  --shadow-soft: 0 1px 3px rgba(43,40,35,0.05), 0 10px 30px rgba(43,40,35,0.06);
  --serif: 'Instrument Serif', Georgia, serif;
  --sans: 'DM Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --mono: 'Geist Mono', 'SF Mono', ui-monospace, monospace;
}

html.dark {
  --bg: #0c0c0e;
  --bg-card: #141417;
  --bg-paper: #17171b;
  --bg-elev: #1c1c20;
  --bd: rgba(255,255,255,0.07);
  --bdh: rgba(255,255,255,0.14);
  --tx: #f0efec;
  --tx2: #9a978f;
  --tx3: #5f5d57;
  --teal: #2fbcab;
  --teal-s: rgba(47,188,171,0.14);
  --on-teal: #05201d;
  --amber: #f5b455;
  --amber-s: rgba(245,180,85,0.14);
  --green: #34d399;
  --green-s: rgba(52,211,153,0.14);
  --red: #ff6b6b;
  --red-s: rgba(255,107,107,0.14);
  --shadow: 0 24px 70px rgba(0,0,0,0.5);
  --shadow-soft: 0 4px 32px rgba(0,0,0,0.3);
}