/* Tokens copied from design-studio-FE src/styles/tokens.css + themes.css (square chrome, blue-500 brand). */
:root {
  --blue-50: #eef5fb; --blue-100: #d4e6f5; --blue-400: #5092d0; --blue-500: #3182ce;
  --blue-600: #2569ad; --blue-700: #1d568f; --blue-800: #194875; --blue-950: #0c2240;
  --n0: #ffffff; --n50: #fafafb; --n100: #f4f5f7; --n200: #e7e8ec; --n300: #d4d6dc;
  --n400: #9ca0aa; --n500: #6b6f7a; --n600: #4a4d57; --n700: #33363f; --n800: #1f2128;
  --n900: #131419; --n950: #0a0b0e;
  --success: #059669; --warning: #b7791f; --danger: #dc2626;

  --font-sans: 'Inter', 'SF Pro', -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;

  --bg-canvas: var(--n0);
  --bg-surface: var(--n50);
  --bg-surface-2: var(--n100);
  --bg-inverse: var(--n900);
  --bg-brand: var(--blue-500);
  --bg-brand-hover: var(--blue-600);
  --bg-brand-subtle: var(--blue-50);
  --text-primary: var(--n900);
  --text-secondary: var(--n600);
  --text-muted: var(--n500);
  --text-brand: var(--blue-500);
  --text-on-brand: #fff;
  --text-danger: var(--danger);
  --text-success: var(--success);
  --text-warning: #92610d;
  --bg-warning-subtle: #fff8e6; --border-warning: #f4d78a;
  --bg-danger-subtle: #fdecec; --border-danger: #f3b4b4;
  --bg-success-subtle: #e8f7f1; --border-success: #9fdcc4;
  --border-subtle: var(--n200);
  --border-default: var(--n300);
  --border-strong: var(--n400);
  --focus-ring: 0 0 0 2px var(--bg-canvas), 0 0 0 4px rgba(49, 130, 206, .4);
  --shadow-2: 0 4px 16px rgba(10, 11, 14, .08);
  --shadow-3: 0 16px 48px rgba(10, 11, 14, .18);

  /* chart palette: one hue family + one contrast */
  --chart-1: #3182ce; --chart-2: #d97706; --chart-grid: var(--n200);
  color-scheme: light;
}
[data-theme="dark"] {
  --bg-canvas: var(--n950);
  --bg-surface: var(--n900);
  --bg-surface-2: var(--n800);
  --bg-inverse: var(--n50);
  --bg-brand-subtle: #0f2742;
  --text-primary: var(--n50);
  --text-secondary: var(--n300);
  --text-muted: var(--n400);
  --text-brand: var(--blue-400);
  --text-danger: #f87171;
  --text-success: #34d399;
  --text-warning: #fbbf24;
  --bg-warning-subtle: #2b2210; --border-warning: #6b5320;
  --bg-danger-subtle: #2c1414; --border-danger: #7a2a2a;
  --bg-success-subtle: #0f2a20; --border-success: #1f6b4f;
  --border-subtle: var(--n800);
  --border-default: var(--n700);
  --border-strong: var(--n600);
  --chart-1: #5092d0; --chart-grid: var(--n800);
  color-scheme: dark;
}