:root {
  /* Colors */
  --colors-surface-void: #0A0A0A;
  --colors-surface-panel: rgba(20, 20, 20, 0.95);
  --colors-accent-besh: #00FF41;
  --colors-status-emerald: #10B981;
  --colors-text-primary: #FFFFFF;
  --colors-text-secondary: #A3A3A3;
  --colors-text-muted: #737373;
  --colors-border: #333333;
  /* Typography */
  --typography-family-primary: 'Comfortaa', sans-serif;
  --typography-family-mono: 'JetBrains Mono', monospace;
  --typography-size-hero: 3rem;
  --typography-size-h1: 2.2rem;
  --typography-size-body: 1.1rem;
  --typography-size-sm: 0.85rem;
  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 32px;
  --spacing-xl: 64px;
  /* Borders */
  --borders-radius-sm: 4px;
  --borders-radius-md: 8px;
  --borders-radius-lg: 16px;
  --borders-radius-xl: 24px;
  --borders-radius-pill: 999px;
  --borders-width-base: 2px;
  /* Gradients */
  --gradients-hero-glow: radial-gradient(circle at 10% 10%, rgba(2, 155, 222, 0.14) 0%, transparent 45%);
  --gradients-accent-pulse: radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.66), rgba(76, 198, 246, 0.2));
  /* Animations */
  --animations-speed-fast: 0.15s;
  --animations-speed-base: 0.3s;
  --animations-easing-base: cubic-bezier(0.45, 0.05, 0.55, 0.95);
  --animations-pulse-dur: 3s;
}