/* Generated from Family & kiosk → Appearance (src/theme.js). Don't edit; use branding/custom.css. */

:root {
  --bg: #f4f5f8;
  --surface: #ffffff;
  --surface-2: #f0f2f6;
  --ink: #171c28;
  --muted: #667085;
  --border: #e4e7ee;
  --danger: #dc2626;
  --danger-soft: #fdecec;
  --ok: #15803d;
  --ok-soft: #e7f6ec;
  --warn: #b45309;
  --warn-soft: #fdf1e1;
  --shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 8px 24px rgba(16, 24, 40, .06);
  --shadow-lg: 0 24px 48px rgba(16, 24, 40, .18);
  --radius: 14px;
  --radius-sm: 10px;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --accent: #4f46e5;
  --accent-ink: #ffffff;
  --accent-soft: #ededfc;
  --accent-2: #847eed;
  color-scheme: light;
  font-size: 16px;
}

@media (prefers-color-scheme: dark) {
:root {
  --bg: #121420;
  --surface: #1a1e2d;
  --surface-2: #202533;
  --ink: #eef0f5;
  --muted: #98a1b3;
  --border: #2a3040;
  --danger: #f26d6d;
  --danger-soft: #3a1f24;
  --ok: #4ade80;
  --ok-soft: #173024;
  --warn: #fbbf24;
  --warn-soft: #3a2c12;
  --shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .25);
  --shadow-lg: 0 24px 48px rgba(0, 0, 0, .5);
  --radius: 14px;
  --radius-sm: 10px;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --accent: #8d87ee;
  --accent-ink: #111111;
  --accent-soft: #2b2c47;
  --accent-2: #aaa5f2;
  color-scheme: dark;
}
}