/*
 * QuantumHQ Design Tokens
 * Source of truth: UI-001 §3.1 (Semantic Color Palette) and §3.3 (CSS variables).
 * Do not alter these values without updating UI-001 first. Per-tenant
 * overrides are injected at runtime by the Theme API (UI-001 §12), not by
 * editing this file.
 */

:root {
  /* Background layers (dark → light) */
  --bg-base: #0B0E14;
  --bg-surface: #111620;
  --bg-elevated: #1A1F2E;
  --bg-overlay: #232A3B;
  --bg-input: #0F1219;

  /* Borders */
  --border-subtle: #1E2536;
  --border-default: #2A3348;
  --border-strong: #3B4559;

  /* Text */
  --text-primary: #E8ECF4;
  --text-secondary: #8B95A9;
  --text-tertiary: #5C6577;
  --text-inverse: #0B0E14;

  /* Accent */
  --accent-primary: #3B82F6;
  --accent-primary-hover: #2563EB;
  --accent-primary-muted: rgba(59, 130, 246, 0.12);
  --accent-secondary: #6366F1;

  /* Status (functional — do NOT override arbitrarily) */
  --status-healthy: #22C55E;
  --status-healthy-muted: rgba(34, 197, 94, 0.12);
  --status-warning: #F59E0B;
  --status-warning-muted: rgba(245, 158, 11, 0.12);
  --status-critical: #EF4444;
  --status-critical-muted: rgba(239, 68, 68, 0.12);
  --status-info: #3B82F6;
  --status-info-muted: rgba(59, 130, 246, 0.12);
  --status-unknown: #6B7280;
  --status-unknown-muted: rgba(107, 114, 128, 0.12);

  /* Interactive */
  --focus-ring: rgba(59, 130, 246, 0.5);
  --hover-overlay: rgba(255, 255, 255, 0.03);
  --active-overlay: rgba(255, 255, 255, 0.07);
  --drag-overlay: rgba(59, 130, 246, 0.06);

  /* Typography
   * Inter and JetBrains Mono are self-hostable — see UI-001 §4.1.
   * We rely on system-font fallbacks + font-display: swap rather than
   * Google Fonts CDN. When the shared UI package ships bundled webfonts,
   * @font-face declarations should land in this file.
   */
  --font-display: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-focus: 0 0 0 3px var(--focus-ring);

  /* Transitions */
  --transition-fast: 100ms ease;
  --transition-normal: 200ms ease;
  --transition-slow: 300ms ease;

  /* Layout */
  --sidebar-width-collapsed: 56px;
  --sidebar-width-expanded: 240px;
  --topbar-height: 72px;
  --content-max-width: 1600px;
  --panel-gap: var(--space-4);
}