/* ── DESIGN TOKENS ── */
:root {
  --bg: #f4f6f0;
  --bg-top: #fafcf7;
  --card: #ffffff;
  --surface: #ffffff;
  --card-soft: #eaf2e3;
  --text: #161d15;
  --muted: #5a6b57;
  --line: #d8e4ce;
  --line-soft: #ebf1e3;
  --green: #3d6b2a;
  --green-mid: #4f8736;
  --green-dark: #2d5120;
  --green-light: #eaf2e3;
  --accent: #e5f0dc;
  --gold: #b07d1e;
  --gold-light: #fdf4e1;
  --danger: #c0392b;
  --danger-bg: #fdf0ee;
  --danger-light: #fbe8df;
  --serif: 'DM Serif Display', Georgia, serif;
  --sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
  --radius: 16px;
  --radius-lg: 20px;
  --shadow: 0 8px 24px rgba(0,0,0,.06);
}

html.dark {
  --bg: #0d1410;
  --bg-top: #111a14;
  --card: #151e17;
  --surface: #1a241c;
  --card-soft: #192b1e;
  --text: #e8f0e4;
  --muted: #8fa88a;
  --line: #263323;
  --line-soft: #1d2a1f;
  --green: #72ad58;
  --green-mid: #86bf6b;
  --green-dark: #5e9446;
  --green-light: #1d2a1f;
  --accent: #182115;
  --gold: #c89a30;
  --gold-light: #221900;
  --danger: #e05c4b;
  --danger-bg: #1e0d0b;
  --danger-light: #2a1410;
  --shadow: 0 8px 24px rgba(0,0,0,.4);
}