/**
 * LOADING STYLES — NOT THE SOURCE OF TRUTH
 *
 * These are bare-minimum CSS custom properties so that Tailwind utilities
 * render correctly during the initial page load, before the backend
 * branding CSS has been fetched and injected.
 *
 * The real design tokens are owned by the backend:
 *   apps/backend/src/config/branding-default.css
 *
 * On normal startup the branding loader (brandingLoader.js) fetches the
 * backend CSS and injects a <style> block that overrides everything here.
 *
 * DO NOT add branding customizations to this file — they will be ignored
 * once the app loads successfully.
 */

:root {
  --primary: 0 0 0;
  --secondary: 72 163 198;
  --accent: 0 0 0;
  --accent-foreground: 255 255 255;
  --shell: 243 244 246;
  --shell-muted: 229 231 235;
  --surface: 255 255 255;
  --surface-muted: 249 250 251;
  --surface-subtle: 243 244 246;
  --surface-invert: 17 24 39;
  --surface-elevated: 255 255 255;
  --surface-overlay: 0 0 0;
  --foreground: 0 0 0;
  --foreground-muted: 107 114 128;
  --foreground-subtle: 156 163 175;
  --foreground-invert: 255 255 255;
  --border: 229 231 235;
  --border-muted: 243 244 246;
  --border-subtle: 249 250 251;
  --border-focus: 0 0 0;
  --interactive: 0 0 0;
  --interactive-hover: 0 0 0;
  --interactive-active: 0 0 0;
  --interactive-muted: 0 0 0;
  --success: 34 197 94;
  --success-muted: 220 252 231;
  --success-foreground: 22 101 52;
  --warning: 245 158 11;
  --warning-muted: 254 243 199;
  --warning-foreground: 146 64 14;
  --danger: 239 68 68;
  --danger-muted: 254 226 226;
  --danger-foreground: 153 27 27;
  --info: 0 0 0;
  --info-muted: 243 244 246;
  --info-foreground: 0 0 0;
  --ring: 0 0 0;
  --ring-offset: 255 255 255;
  --code-inline: 55 65 81;
  --code-inline-bg: 243 244 246;
  --radius: 0.375rem;
  --base-font-size: 100%;
  --font-primary: system-ui, sans-serif;
  --font-sans: system-ui, sans-serif;
  --font-mono: ui-monospace, monospace;
}

.dark {
  --surface: 30 41 55;
  --surface-muted: 42 53 68;
  --surface-subtle: 55 66 82;
  --surface-elevated: 45 56 72;
  --surface-overlay: 20 28 42;
  --surface-invert: 243 244 246;
  --foreground: 248 250 252;
  --foreground-muted: 180 190 205;
  --foreground-subtle: 130 142 162;
  --foreground-invert: 15 23 36;
  --border: 60 72 90;
  --border-muted: 48 60 78;
  --border-subtle: 38 50 66;
  --shell: 15 23 36;
  --shell-muted: 24 33 48;
  --ring-offset: 30 41 55;
  --success-muted: 22 60 40;
  --success-foreground: 74 222 128;
  --warning-muted: 70 50 25;
  --warning-foreground: 251 191 36;
  --danger-muted: 70 35 35;
  --danger-foreground: 248 113 113;
  --info-muted: 50 35 30;
  --info-foreground: 255 144 77;
  --code-inline: 209 213 219;
  --code-inline-bg: 45 55 72;
}