/**
 * Brand tokens as CSS variables → swappable at RUNTIME (no rebuild).
 * applyTheme.js can override any of these from a Setting row (per-tenant brand).
 * Only the primary scale is variable-backed; semantic colors are static in
 * tailwind.config.js. Defaults below are a blue scale with the chosen brand at 600.
 */
:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: hsl(__BRAND_PRIMARY__); /* ← chosen brand color */
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-primary-950: #172554;

  --radius: 0.5rem;

  /* app chrome surfaces (also swappable) */
  --app-bg: #f8fafc;
  --app-surface: #ffffff;
  --app-border: #e2e8f0;
  --app-text: #0f172a;
}

[data-theme='dark'] {
  --app-bg: #0b1220;
  --app-surface: #111a2e;
  --app-border: #1e293b;
  --app-text: #e2e8f0;
}