/*
 * Switchbench's selector-free visual-token contract. This stable URL is shared
 * with the dashboard; keep declarations semantic so either frontend can evolve
 * without importing the marketing site's component and layout rules.
 */
:root {
  --sb-bg: #0a0a0b;
  --sb-bg-rgb: 10 10 11;
  --sb-surface: #131315;
  --sb-surface-raised: #1c1c20;
  --sb-surface-raised-rgb: 28 28 32;
  --sb-surface-overlay: #26262b;
  --sb-border: #2a2a2e;
  --sb-border-strong: #3a3a40;
  --sb-text: #e8e6e3;
  --sb-text-muted: #a8a49f;
  --sb-text-subtle: #706d67;
  --sb-text-disabled: #4a4843;
  --sb-accent: #f0b429;
  --sb-accent-hover: #f5c13e;
  --sb-on-accent: #1a1200;
  --sb-accent-muted: #8a6818;
  --sb-accent-subtle: rgba(240, 180, 41, 0.12);
  --sb-wordmark-size: 22px;
  --sb-wordmark-compact-size: 16px;
  --sb-wordmark-email-size: 11px;
  --sb-wordmark-tracking: 0.14em;
  --sb-wordmark-weight: 600;
  --sb-wordmark-color: var(--sb-accent);
  --sb-success: #4ade80;
  --sb-success-subtle: rgba(74, 222, 128, 0.12);
  --sb-warning: #fb923c;
  --sb-warning-subtle: rgba(251, 146, 60, 0.12);
  --sb-danger: #f87171;
  --sb-danger-subtle: rgba(248, 113, 113, 0.12);
  --sb-focus: #2dd4bf;
  --sb-focus-muted: #0f766e;
  --sb-overlay: #000000;
  --sb-overlay-rgb: 0 0 0;
  --sb-font-serif: 'Fraunces', Georgia, serif;
  --sb-font-sans: 'IBM Plex Sans', -apple-system, sans-serif;
  --sb-font-mono: 'IBM Plex Mono', 'SF Mono', Menlo, monospace;
  --sb-radius: 4px;
  --sb-radius-lg: 8px;
  --sb-max-width: 1200px;
}