:root {
  --bg: #f3faf4;
  --surface: #ffffff;
  --elevated: #e7f6ea;
  --fg: #16301c;
  --muted: #4d6a54;
  --subtle: #7a9880;
  --primary: #22c55e;
  --primary-fg: #ffffff;
  --border: #cfe8d4;
  --ok: #16a34a;
  --warn: #f59e0b;
  --danger: #ef4444;
  --radius: 16px;
  --tab: 64px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bot: env(safe-area-inset-bottom, 0px);
  --font: "Sora", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}