:root {
  --bg: #050805;
  --bg-2: #0a0f0a;
  --surface: rgba(19, 24, 20, 0.66);
  --surface-2: rgba(28, 35, 30, 0.76);
  --surface-3: rgba(39, 47, 41, 0.82);
  --border: rgba(202, 233, 182, 0.14);
  --border-strong: rgba(202, 233, 182, 0.24);
  --text: #f3f7f1;
  --muted: #aab5a7;
  --primary: #b9dc9a;
  --primary-2: #90b96f;
  --primary-ink: #0a1209;
  --shadow: 0 20px 70px rgba(0, 0, 0, 0.36);
  --glow: 0 0 0 1px rgba(185,220,154,.10), 0 10px 34px rgba(0,0,0,.22), 0 0 24px rgba(185,220,154,.06);
}
html[data-theme="light"] {
  --bg: #edf5e8;
  --bg-2: #e2ecdd;
  --surface: rgba(255,255,255,0.72);
  --surface-2: rgba(255,255,255,0.82);
  --surface-3: rgba(255,255,255,0.9);
  --border: rgba(25, 29, 24, 0.10);
  --border-strong: rgba(25, 29, 24, 0.18);
  --text: #111711;
  --muted: #5d685d;
  --primary: #8cad69;
  --primary-2: #769755;
  --primary-ink: #f6faf3;
  --shadow: 0 16px 44px rgba(42, 54, 42, 0.12);
  --glow: 0 0 0 1px rgba(118,151,85,.08), 0 8px 22px rgba(0,0,0,.08), 0 0 20px rgba(140,173,105,.06);
}