/* CaliFit design tokens. Ink navy and park-bar yellow: dark is yellow on navy, light is navy with yellow details. */
:root {
  --color-bg: #0b1220;
  --color-surface: #131c2e;
  --color-surface-raised: #1a2540;
  --color-border: #26324d;
  --color-border-input: #7f90b0;
  --color-text: #eef2fa;
  --color-text-muted: #9fb0cc;
  --color-accent: #ffc83d;
  --color-on-accent: #1a1400;
  --color-danger: #ff7b7b;
  --color-success: #4cd08a;
  --color-warning: #f2b84b;
  --color-pro: #b9a6ff;
  --color-on-pro: #1d1240;
  color-scheme: dark;
  --radius-sm: 8px; --radius-md: 14px; --radius-lg: 22px;
  --shadow-card: 0 1px 0 rgba(255,255,255,.04) inset, 0 6px 18px rgba(0,0,0,.28);
  --font: "Avenir Next", "Segoe UI Variable Display", "Segoe UI", Roboto, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}
:root[data-theme="light"] {
  --color-bg: #f3f6fb;
  --color-surface: #ffffff;
  --color-surface-raised: #ffffff;
  --color-border: #d9e0ee;
  --color-border-input: #5f6f8f;
  --color-text: #0f172a;
  --color-text-muted: #4a5875;
  --color-accent: #14213d;
  --color-on-accent: #ffc83d;
  --color-danger: #c62f2f;
  --color-success: #1a7345;
  --color-warning: #8a5a00;
  --color-pro: #5a3fd0;
  --color-on-pro: #ffffff;
  --shadow-card: 0 1px 2px rgba(15,23,42,.06), 0 6px 18px rgba(15,23,42,.06);
  color-scheme: light;
}
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) {
  --color-bg: #f3f6fb;
  --color-surface: #ffffff;
  --color-surface-raised: #ffffff;
  --color-border: #d9e0ee;
  --color-border-input: #5f6f8f;
  --color-text: #0f172a;
  --color-text-muted: #4a5875;
  --color-accent: #14213d;
  --color-on-accent: #ffc83d;
  --color-danger: #c62f2f;
  --color-success: #1a7345;
  --color-warning: #8a5a00;
  --color-pro: #5a3fd0;
  --color-on-pro: #ffffff;
  --shadow-card: 0 1px 2px rgba(15,23,42,.06), 0 6px 18px rgba(15,23,42,.06);
  color-scheme: light;
} }