/*
 * THEME FILE — the single source of design truth for this app (see STYLE.md).
 * All colors, fonts, radii and density live here. Do not put hex codes or
 * font stacks anywhere else in the codebase.
 */
:root {
  color-scheme: light;
  --color-bg: #fafaf9;
  --color-surface: #f5f5f4;
  --color-surface-strong: #e7e5e4;
  --color-text: #1c1917;
  --color-primary: #4f46e5;
  --color-on-primary: #ffffff;
  --color-secondary: #0d9488;
  --color-on-secondary: #ffffff;
  --color-accent: #f59e0b;
  --color-on-accent: #1c1917;
  --color-neutral: #44403c;
  --color-on-neutral: #fafaf9;
  --color-info: #0ea5e9;
  --color-success: #16a34a;
  --color-warning: #d97706;
  --color-error: #dc2626;
  --font-heading: system-ui, sans-serif;
  --font-body: system-ui, sans-serif;
  --heading-weight: 700;
  --text-base-size: 16px;
  --radius-sm: 0.5rem;
  --radius-lg: 1rem;
  --border-w: 1px;
  --space-unit: 0.25rem;
}