/* GENERATED from design-system/tokens.json by scripts/build-tokens.mjs — do not edit. */
:root {
  color-scheme: light;
  --surface: #f6f5f0;
  --surface-raised: #ffffff;
  --surface-sunken: #ecebe4;
  --border: #d9d7ce;
  --border-strong: #8a8f88;
  --ink: #15201b;
  --ink-muted: #56605a;
  --brand: #0e6a56;
  --on-brand: #ffffff;
  --brand-tint: #e1f0ea;
  --accent: #e8a628;
  --on-accent: #2b1d00;
  --income: var(--brand);
  --expense: #b4271f;
  --expense-tint: #fbe9e6;
  --investment: #2456a6;
  --investment-tint: #e6eefb;
  --warning: #8a5600;
  --warning-tint: #fbf0d9;
  --focus: var(--investment);
  --scrim: rgba(17, 22, 19, 0.48);
  --shadow-card: 0 1px 2px rgba(21, 32, 27, 0.06), 0 4px 12px rgba(21, 32, 27, 0.05);
  --shadow-sheet: 0 -8px 32px rgba(21, 32, 27, 0.14);
  --shadow-menu: 0 2px 6px rgba(21, 32, 27, 0.08), 0 12px 32px rgba(21, 32, 27, 0.16);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  --font-sans: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --surface: #111613;
    --surface-raised: #1a201c;
    --surface-sunken: #0b0f0d;
    --border: #2b332e;
    --border-strong: #6f7a73;
    --ink: #eef2ef;
    --ink-muted: #a2aca5;
    --brand: #52c4a7;
    --on-brand: #05241c;
    --brand-tint: #173a31;
    --accent: #f2b847;
    --on-accent: #2b1d00;
    --income: #5ccba5;
    --expense: #ff8f84;
    --expense-tint: #3a1b18;
    --investment: #8fb5ff;
    --investment-tint: #16253f;
    --warning: #f2b847;
    --warning-tint: #33270d;
    --focus: var(--investment);
    --scrim: rgba(0, 0, 0, 0.6);
    --shadow-card: none;
    --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.5);
    --shadow-menu: 0 12px 32px rgba(0, 0, 0, 0.55);
  }
}