:root {
  color-scheme: light dark;
  --bg: #f3f0e7;
  --surface: #fffdf6;
  --surface-strong: #e9e4d7;
  --text: #122019;
  --muted: #607067;
  --line: rgba(18, 32, 25, .16);
  --primary: #167a4a;
  --primary-strong: #0d5e38;
  --primary-text: #f6fff9;
  --accent: #b8e51a;
  --paid: #9b6a09;
  --danger: #a13d38;
  --focus: #2478d0;
  --shadow: 0 18px 60px rgba(25, 35, 28, .10);
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --shell-max: 760px;
  --gutter: clamp(16px, 4vw, 28px);
  --topbar-h: 72px;
  --tabs-h: 48px;
  --bottom-safe: calc(112px + env(safe-area-inset-bottom));
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #09110e;
    --surface: #101b16;
    --surface-strong: #18251f;
    --text: #f0f4eb;
    --muted: #9baaa1;
    --line: rgba(232, 242, 235, .14);
    --primary: #42bf79;
    --primary-strong: #6cd997;
    --primary-text: #07140d;
    --accent: #c8ed3c;
    --paid: #e4b955;
    --danger: #e57b72;
    --focus: #74b7ff;
    --shadow: 0 22px 72px rgba(0, 0, 0, .28);
  }
}