/**
 * Critical tokens for first paint (linked from index.html before the Vite bundle).
 */

:root {
  color-scheme: light;
  --sgai-primary: #128a80;
  --sgai-primary-rgb: 18, 138, 128;
  --sgai-primary-hover: #0f736b;
  --sgai-primary-active: #0c5f59;
  --sgai-secondary: #64748b;
  --sgai-success: #047857;
  --sgai-success-rgb: 4, 120, 87;
  --sgai-danger: #b91c1c;
  --sgai-danger-rgb: 185, 28, 28;
  --sgai-white: #ffffff;
  --sgai-body-bg: #f4f6f8;
  --sgai-body-color: #64748b;
  --sgai-heading-color: #18181b;
  --sgai-text-muted: #94a3b8;
  --sgai-border-color: rgba(148, 163, 184, 0.35);
  --sgai-card-bg: #ffffff;
  --sgai-font-sans: 'Geist', ui-sans-serif, sans-serif;
  --sgai-font-mono: 'Geist Mono', ui-monospace, monospace;
}

.dark {
  color-scheme: dark;
  --sgai-primary: #14b8a6;
  --sgai-primary-rgb: 20, 184, 166;
  --sgai-primary-hover: #2dd4bf;
  --sgai-primary-active: #0d9488;
  --sgai-secondary: #94a3b8;
  --sgai-success: #34d399;
  --sgai-success-rgb: 52, 211, 153;
  --sgai-danger: #f87171;
  --sgai-danger-rgb: 248, 113, 113;
  --sgai-body-bg: #18181b;
  --sgai-body-color: #a1a1aa;
  --sgai-heading-color: #f4f4f5;
  --sgai-text-muted: #71717a;
  --sgai-border-color: rgba(161, 161, 170, 0.22);
  --sgai-card-bg: #27272a;
}

body {
  margin: 0;
  font-family: var(--sgai-font-sans);
  background: var(--sgai-body-bg);
  color: var(--sgai-body-color);
}