/* FOUC fallback. Live colors come from src/theme/tokens.js + the user's saved dark color. */
:root {
  --app-canvas: #f1f5f9;
  --app-canvas-rgb: 241 245 249;
  --app-header: #ffffff;
  --app-surface: #ffffff;
  --app-surface-rgb: 255 255 255;
  --app-raised: #e2e8f0;
  --app-raised-rgb: 226 232 240;
  --app-hover: #f8fafc;
  --app-hover-rgb: 248 250 252;
  --app-inset: #e2e8f0;
  --app-inset-rgb: 226 232 240;
  --app-highlight: #e2e8f0;
  --app-highlight-rgb: 226 232 240;
  --app-deep: #e2e8f0;
  --app-deep-rgb: 226 232 240;
  --app-text: #1e293b;
  --app-muted: #64748b;
  --app-border: #e2e8f0;
  --app-input-bg: #ffffff;
  --app-input-text: #1e293b;
  color-scheme: light;
}
html.dark {
  --app-canvas: #151D37;
  --app-canvas-rgb: 21 29 55;
  --app-header: #151D37;
  --app-surface: #1C2748;
  --app-surface-rgb: 28 39 72;
  --app-raised: #222945;
  --app-raised-rgb: 34 41 69;
  --app-hover: #222945;
  --app-hover-rgb: 34 41 69;
  --app-inset: #1A3050;
  --app-inset-rgb: 26 48 80;
  --app-highlight: #2A3356;
  --app-highlight-rgb: 42 51 86;
  --app-deep: #0F1629;
  --app-deep-rgb: 15 22 41;
  --app-text: #ffffff;
  --app-muted: #94A3B8;
  --app-border: rgba(255, 255, 255, 0.12);
  --app-input-bg: #222945;
  --app-input-text: #e8eef8;
  color-scheme: dark;
}