/* Theme variables applied before the JS bundle loads, so the shell never flashes with
   default colours. This lived as an inline <style> in index.html; a CSP with
   style-src-elem 'self' (see nginx.conf) blocks inline style ELEMENTS, and a <link> is the
   fix that keeps the pre-paint timing. Loaded from /theme-bootstrap.css — same origin. */
:root {
  --color-primary: #3b82f6;
  --color-secondary: #8b5cf6;
  --color-background: #ffffff;
  --color-surface: #f3f4f6;
  --color-text: #1f2937;
}

[data-theme="dark"] {
  --color-primary: #60a5fa;
  --color-secondary: #a78bfa;
  --color-background: #1f2937;
  --color-surface: #111827;
  --color-text: #f3f4f6;
}