:root{
  --bg:#f4f2ec;--surface:#fffdf8;--surface-2:#eeeae1;--surface-3:#e5e9e4;
  --text:#1b2722;--muted:#6c756f;--line:#d8d7cf;--primary:#225f49;--primary-2:#d9eadf;
  --accent:#c9794a;--accent-2:#f2ded0;--danger:#a34040;--danger-bg:#f7dddd;--success:#2d7456;
  --shadow:0 18px 50px rgba(36,46,41,.09);--radius-sm:10px;--radius:16px;--radius-lg:24px;
  --sidebar:260px;--topbar:82px;--font-ui:'DM Sans',system-ui,sans-serif;--font-display:'Manrope',system-ui,sans-serif;
}
body.dark{
  --bg:#111815;--surface:#18221e;--surface-2:#22302a;--surface-3:#293932;
  --text:#edf4ef;--muted:#aab7b0;--line:#33463e;--primary:#87c7aa;--primary-2:#294a3b;
  --accent:#e5a57f;--accent-2:#4d3328;--danger:#ef9b9b;--danger-bg:#4b2929;--success:#8bd3b2;
  --shadow:0 18px 50px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit}