/**
 * Design Tokens — Dark Theme Simplicity
 * Single source of truth for all CSS custom properties
 * Version: 1.0.0
 */

:root {
  /* ========== Colors ========== */
  --dark-bg: rgb(26, 26, 28);
  --dark-bg-transparent: rgba(26, 26, 28, 0.95);
  --surface-300: rgba(31, 41, 55, 1);
  --surface-400: rgba(55, 65, 81, 1);

  --text-primary: rgba(255, 255, 255, 0.9);
  --text-secondary: rgba(255, 255, 255, 0.95);
  --text-muted: rgba(255, 255, 255, 0.85);
  --text-light: rgba(255, 255, 255, 0.65);

  --accent-blue: rgba(59, 130, 246, 0.9);
  --accent-blue-hover: rgba(59, 130, 246, 1);
  --accent-blue-muted: rgba(59, 130, 246, 0.3);

  --border-color: rgba(255, 255, 255, 0.1);
  --border-color-light: rgba(255, 255, 255, 0.05);

  /* Missing variables referenced but never defined */
  --primary-blue: #0085ff;
  --primary-blue-hover: #0057a7;
  --primary-blue-shadow: rgba(0, 133, 255, 0.2);
  --dark-card: #1e1e24;

  /* ========== Typography ========== */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

  /* ========== Spacing ========== */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;

  /* ========== Breakpoints ========== */
  --breakpoint-mobile: 768px;
  --breakpoint-tablet: 1024px;
  --breakpoint-desktop: 1280px;
  --breakpoint-wide: 1440px;

  /* ========== Content Widths ========== */
  --content-narrow: 650px;
  --content-default: 800px;
  --content-wide: 1000px;
  --content-full: 1200px;

  /* ========== Transitions ========== */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
  --transition-slow: 0.3s ease;

  /* ========== Shadows ========== */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);

  /* ========== Border Radius ========== */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;

  /* ========== Z-Index Scale ========== */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
}