/* ── Theme tokens ── */
/* Light: inspired by Linear / Vercel / Stripe light modes
   - Warm off-white base (#fafbfc) not pure white
   - Cards are white with subtle gray borders
   - Text hierarchy: near-black → slate → light gray
   - Primary green slightly deeper for contrast on light bg
*/
:root{
  --bg:#fafbfc;
  --bg-deep:#f0f2f5;
  --surface:#ffffff;
  --surface-low:#f5f6f8;
  --surface-mid:#eceef2;
  --surface-high:#e4e7ec;
  --surface-highest:#d8dce5;
  --on-surface:#111827;
  --on-surface-variant:#4b5563;
  --secondary:#6b7280;
  --primary:#059669;
  --primary-container:#047857;
  --on-primary:#ffffff;
  --tertiary:#d97706;
  --error:#dc2626;
  --error-light:rgba(220,38,38,.08);
  --outline:rgba(0,0,0,.08);
  --card-bg:#ffffff;
  --card-border:rgba(0,0,0,.07);
  --card-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.03);
  --input-bg:#f5f6f8;
  --input-border:rgba(0,0,0,.1);
  --overlay:rgba(255,255,255,.88);
  --text-bright:#0f172a;
  --text-muted:#9ca3af;
  --chip-bg:#f0f2f5;
  --strip-bg:#e5e7eb;
  --ring-track:#e5e7eb;
  --accent-green-soft:rgba(5,150,105,.08);
  --accent-gold-soft:rgba(217,119,6,.07);
  --accent-blue-soft:rgba(107,114,128,.06);
  --green-text:#047857;
  --gold-text:#b45309;
  --blue-text:#4b5563;
  color-scheme:light
}
.dark{
  --bg:#0b1326;
  --bg-deep:#060e20;
  --surface:#171f33;
  --surface-low:#131b2e;
  --surface-mid:#222a3d;
  --surface-high:#2d3449;
  --surface-highest:#2d3449;
  --on-surface:#dae2fd;
  --on-surface-variant:#bbcabf;
  --secondary:#b7c8e1;
  --primary:#4edea3;
  --primary-container:#10b981;
  --on-primary:#003824;
  --tertiary:#f9bd22;
  --error:#ffb4ab;
  --error-light:rgba(255,180,171,.15);
  --outline:rgba(134,148,138,.18);
  --card-bg:#171f33;
  --card-border:rgba(134,148,138,.16);
  --card-shadow:0 4px 16px rgba(0,0,0,.22);
  --input-bg:#222a3d;
  --input-border:rgba(134,148,138,.18);
  --overlay:rgba(11,19,38,.92);
  --text-bright:#f4f7ff;
  --text-muted:rgba(183,200,225,.62);
  --chip-bg:#2d3449;
  --strip-bg:#2d3449;
  --ring-track:rgba(45,52,73,.92);
  --accent-green-soft:rgba(78,222,163,.12);
  --accent-gold-soft:rgba(249,189,34,.1);
  --accent-blue-soft:rgba(183,200,225,.12);
  --green-text:#7ef0bd;
  --gold-text:#ffd97a;
  --blue-text:#d9e4f5;
  color-scheme:dark
}
/* Global body theming — overrides any Tailwind bg-background that might not resolve */
body{background:var(--bg)!important;color:var(--on-surface)}