/* Shared BotsHub design tokens. Product palettes map to these semantic roles. */
:root {
  --ds-color-canvas: #09090b;
  --ds-color-surface: #0e1014;
  --ds-color-surface-raised: #17191e;
  --ds-color-surface-muted: #202228;
  --ds-color-border: rgba(255, 255, 255, 0.09);
  --ds-color-border-strong: rgba(255, 255, 255, 0.16);
  --ds-color-text: #fafafa;
  --ds-color-text-secondary: #d4d4d8;
  --ds-color-text-muted: #a1a1aa;
  --ds-color-accent: #f97316;
  --ds-color-accent-hover: #fb923c;
  --ds-color-accent-pressed: #ea580c;
  --ds-color-success: #34d399;
  --ds-color-warning: #fbbf24;
  --ds-color-danger: #fb7185;
  --ds-color-info: #60a5fa;
  --ds-color-focus: rgba(249, 115, 22, 0.38);
  --ds-color-on-accent: #09090b;
  --ds-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Consolas, monospace;
  --ds-text-control: 0.875rem;
  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-5: 1.25rem;
  --ds-space-6: 1.5rem;
  --ds-space-8: 2rem;
  --ds-radius-control: 0.625rem;
  --ds-radius-card: 0.875rem;
  --ds-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.16);
  --ds-focus-ring: 0 0 0 3px var(--ds-color-focus);
  --ds-motion-fast: 150ms;
  --ds-motion-base: 200ms;
  --ds-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}