/* Saleolab shared theme — CSS variables only. Apps import this; never hardcode colors. */
:root {
  --sl-bg: #10141a;
  --sl-bg-card: #1a212b;
  --sl-bg-elevated: #222a36;
  --sl-border: #2a3441;
  --sl-text: #e8edf3;
  --sl-text-muted: #8fa0b3;
  --sl-accent: #4ade80;
  --sl-accent-2: #38bdf8;
  --sl-warn: #facc15;
  --sl-danger: #f87171;
  --sl-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sl-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sl-radius: 12px;
  --sl-radius-sm: 8px;
  --sl-space-1: 4px;
  --sl-space-2: 8px;
  --sl-space-3: 12px;
  --sl-space-4: 16px;
  --sl-space-5: 24px;
  --sl-nav-h: 48px;
  --sl-max: 1100px;
}