/* Shared SS Control design tokens. Keep this palette identical in the production UI. */
:root {
  color-scheme: dark;
  --bg: #0f1419;
  --panel: #151b23;
  --panel-2: #1a2230;
  --line: #243040;
  --line-soft: #202a36;
  --text: #e7ecf1;
  --muted: #8e9bad;
  --dim: #627187;
  --blue: #4d8aff;
  --blue-main: #2563eb;
  --green: #4bd7a0;
  --yellow: #f3bf62;
  --red: #fa7b85;
  --radius: 15px;
  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-control: 9px;
  --radius-card: 15px;
  --radius-sheet: 19px;
  --type-caption: 11px;
  --type-secondary: 12px;
  --type-body: 14px;
  --type-section: 16px;
  --type-title: 26px;
  --type-metric: 29px;
  --touch-target: 44px;
  --motion-short: 150ms;
  --focus-ring: 0 0 0 3px #4d8aff35;
}