:root {
  --background: #ffffff;
  --foreground: #0f172a;
  --card: #ffffff;
  --card-foreground: #0f172a;
  --muted: #f1f5f9;
  --muted-foreground: #64748b;
  --border: #e2e8f0;
  --input: #e2e8f0;
  --primary: #1d4ed8;
  --primary-foreground: #f8fafc;
  --secondary: #e8eef9;
  --secondary-foreground: #0f172a;
  --destructive: #b42318;
  --ring: #1d4ed8;
  --radius: 1rem;
  --spend: #1d4ed8;
  --spend-surface: #e8eef9;
  --income: #047857;
  --income-surface: #ecfdf5;
  --transfer: #64748b;
  --transfer-surface: #f8fafc;
  --warn: #b45309;
  --warn-surface: #fffbeb;
  --ok: #047857;
  --ok-surface: #ecfdf5;
  --check: #b45309;
  --check-surface: #fffbeb;
  --blocked: var(--destructive);
  --blocked-surface: #fef2f2;
  --surface-grouped: #f1f5f9;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", ui-rounded, system-ui, sans-serif;
  --text-display: 1.5rem;
  --text-display--line-height: 2rem;
  --text-display--font-weight: 600;
  --text-display--letter-spacing: -0.025em;
  --text-title: 1.5rem;
  --text-title--line-height: 2rem;
  --text-title--font-weight: 600;
  --text-title--letter-spacing: -0.025em;
  --text-section: 1rem;
  --text-section--line-height: 1.5rem;
  --text-section--font-weight: 600;
  --text-body: 0.875rem;
  --text-body--line-height: 1.25rem;
  --text-meta: 0.875rem;
  --text-meta--line-height: 1.25rem;
  --text-label: 0.875rem;
  --text-label--line-height: 1.25rem;
  --text-label--font-weight: 500;
}

@media (prefers-color-scheme: dark) {
  :root {
  --background: #0b1220;
  --foreground: #e2e8f0;
  --card: #111827;
  --card-foreground: #e2e8f0;
  --muted: #1e293b;
  --muted-foreground: #94a3b8;
  --border: #334155;
  --input: #334155;
  --primary: #60a5fa;
  --primary-foreground: #0b1220;
  --secondary: #1e293b;
  --secondary-foreground: #e2e8f0;
  --destructive: #f97066;
  --ring: #60a5fa;
  --spend: #60a5fa;
  --spend-surface: #1e293b;
  --income: #34d399;
  --income-surface: #022c22;
  --transfer: #94a3b8;
  --transfer-surface: #1e293b;
  --warn: #fbbf24;
  --warn-surface: #451a03;
  --ok: #34d399;
  --ok-surface: #022c22;
  --check: #fbbf24;
  --check-surface: #451a03;
  --blocked: var(--destructive);
  --blocked-surface: #450a0a;
  --surface-grouped: #0b1220;
  }
}