@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&family=Barlow+Condensed:wght@500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root {
  --bg:#0d1210;--bg2:#141a16;--bg3:#1a2320;--bg4:#21302a;
  --border:#2a3d34;--border2:#3a5445;
  --accent:#264831;--accent2:#2d5a3a;--accent3:#3a7a4d;
  --accent-bg:rgba(38,72,49,.15);
  --text:#e8ede9;--text2:#94a89b;--text3:#526b5a;
  --green:#2d5a3a;--green-bg:rgba(45,90,58,.2);--green-t:#5aab72;
  --red:#991b1b;--red-bg:rgba(153,27,27,.15);--red-t:#f87171;
  --amber:#92400e;--amber-bg:rgba(146,64,14,.15);--amber-t:#fbbf24;
  --blue-bg:rgba(14,116,144,.15);--blue-t:#38bdf8;
  --purple-bg:rgba(109,40,217,.15);--purple-t:#a78bfa;
  --sidebar-w:220px;--header-h:56px;--bar-h:24px;
}

body.light {
  --bg:#f4f7f5;--bg2:#ffffff;--bg3:#edf2ef;--bg4:#dce8e1;
  --border:#c8ddd2;--border2:#aecbbf;
  --accent:#264831;--accent2:#2d5a3a;--accent3:#3a7a4d;
  --accent-bg:rgba(38,72,49,.1);
  --text:#0f1f16;--text2:#3d5c48;--text3:#6b8f7a;
  --green:#2d5a3a;--green-bg:rgba(45,90,58,.1);--green-t:#264831;
  --red:#991b1b;--red-bg:rgba(153,27,27,.08);--red-t:#dc2626;
  --amber:#92400e;--amber-bg:rgba(146,64,14,.08);--amber-t:#d97706;
  --blue-bg:rgba(14,116,144,.08);--blue-t:#0284c7;
  --purple-bg:rgba(109,40,217,.08);--purple-t:#7c3aed;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'DM Sans', sans-serif; background: var(--bg); color: var(--text); }