/* Appdation Core — Theme tokens
   Defaults only. js/theme.js overwrites these from app.config.json at boot.
   Modules should use these variables instead of hard-coded colors. */
:root {
  --primary: #2563eb;
  --on-primary: #ffffff;
  --accent: #f59e0b;
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-2: #f1f5f9;
  --text: #0f172a;
  --text-muted: #64748b;
  --border: #e2e8f0;
  --danger: #dc2626;
  --success: #16a34a;
  --radius: 14px;
  --radius-sm: 10px;
  --shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 12px rgba(15, 23, 42, .06);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --header-h: 56px;
  --nav-h: 64px;
  --sidebar-w: 240px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  color-scheme: light;
}

/* Dark values. Applied when data-theme="dark" is set on <html>. */
:root[data-theme="dark"] {
  --bg: #0b1220;
  --surface: #111a2e;
  --surface-2: #1a2540;
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --border: #24314f;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .25);
  color-scheme: dark;
}