:root {
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ink: #0f172a;
  --ink-soft: #334155;
  --muted: #5b6573;
  --bg: #f4f5f7;
  --surface: #ffffff;
  --line: #e6e8ec;
  --accent: #1d4ed8;
  --accent-hover: #1e40af;
  --accent-ink: #ffffff;
  --accent-soft: #e8eefc;
  --good: #0f7b4c;
  --good-soft: #e6f5ee;
  --warn: #b45309;
  --warn-soft: #f8eedf;
  --danger: #b42318;
  --danger-soft: #f8e7e5;
  --radius-card: 20px;
  --radius-btn: 14px;
  --radius-chip: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --tap: 44px;
  --tabbar: 56px;
  --shadow-sheet: 0 -8px 32px rgba(15, 23, 42, 0.12);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #f3f5f7;
    --ink-soft: #d0d5dd;
    --muted: #9aa3ad;
    --bg: #0b0f14;
    --surface: #141a22;
    --line: #232b36;
    --accent: #5b8def;
    --accent-hover: #7ba3f4;
    --accent-ink: #0b0f14;
    --accent-soft: #1a2740;
    --good: #3dcf8e;
    --good-soft: #123226;
    --warn: #f0b45a;
    --warn-soft: #32240f;
    --danger: #f07167;
    --danger-soft: #3a1614;
    --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.45);
  }
}