:root {
  /* Color Palette */
  --color-blue-100: rgba(100, 210, 255, 0.1);
  --color-blue-200: rgba(100, 210, 255, 0.2);
  --color-blue-300: rgba(100, 210, 255, 0.3);
  --color-blue-400: rgba(100, 210, 255, 0.4);
  --color-blue-500: rgba(100, 210, 255, 0.5);
  --color-blue-600: rgba(100, 210, 255, 0.6);
  --color-blue-700: rgba(100, 210, 255, 0.7);
  --color-blue-800: rgba(100, 210, 255, 0.8);
  --color-blue-900: rgba(100, 210, 255, 0.9);
  --color-blue: rgb(100, 210, 255);
  
  --color-white-100: rgba(255, 255, 255, 0.1);
  --color-white-200: rgba(255, 255, 255, 0.2);
  --color-white-300: rgba(255, 255, 255, 0.3);
  --color-white-400: rgba(255, 255, 255, 0.4);
  --color-white-500: rgba(255, 255, 255, 0.5);
  --color-white-600: rgba(255, 255, 255, 0.6);
  --color-white-700: rgba(255, 255, 255, 0.7);
  --color-white-800: rgba(255, 255, 255, 0.8);
  --color-white-900: rgba(255, 255, 255, 0.9);
  --color-white: rgb(255, 255, 255);
  
  --color-lilac-100: rgba(200, 160, 255, 0.1);
  --color-lilac-200: rgba(200, 160, 255, 0.2);
  --color-lilac-300: rgba(200, 160, 255, 0.3);
  --color-lilac-400: rgba(200, 160, 255, 0.4);
  --color-lilac-500: rgba(200, 160, 255, 0.5);
  --color-lilac-600: rgba(200, 160, 255, 0.6);
  --color-lilac-700: rgba(200, 160, 255, 0.7);
  --color-lilac-800: rgba(200, 160, 255, 0.8);
  --color-lilac-900: rgba(200, 160, 255, 0.9);
  --color-lilac: rgb(200, 160, 255);
  
  --color-dark-100: rgba(10, 12, 25, 0.1);
  --color-dark-200: rgba(10, 12, 25, 0.2);
  --color-dark-300: rgba(10, 12, 25, 0.3);
  --color-dark-400: rgba(10, 12, 25, 0.4);
  --color-dark-500: rgba(10, 12, 25, 0.5);
  --color-dark-600: rgba(10, 12, 25, 0.6);
  --color-dark-700: rgba(10, 12, 25, 0.7);
  --color-dark-800: rgba(10, 12, 25, 0.8);
  --color-dark-900: rgba(10, 12, 25, 0.9);
  --color-dark: rgb(10, 12, 25);
  
  --color-pink: rgb(255, 0, 255);
  --color-teal: rgb(0, 200, 200);
  --color-orange: rgb(255, 100, 50);
  --color-violet: rgb(150, 50, 255);
  
  /* Gradients */
  --gradient-holographic: linear-gradient(135deg, var(--color-blue-600), var(--color-lilac-600));
  --gradient-glass: linear-gradient(135deg, var(--color-white-200), var(--color-white-100));
  --gradient-neon: linear-gradient(90deg, var(--color-blue), var(--color-lilac));
  
  /* Shadows */
  --shadow-holographic: 0 0 20px var(--color-blue-300), 0 0 40px var(--color-lilac-200);
  --shadow-element: 0 10px 25px rgba(0, 0, 0, 0.2);
  --shadow-text: 0 0 10px var(--color-blue-500);
  
  /* Fonts */
  --font-primary: 'Space Grotesk', sans-serif;
  
  /* Spacing */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  --spacing-xxl: 64px;
  
  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  
  /* Z-index */
  --z-background: -1;
  --z-default: 1;
  --z-overlay: 10;
  --z-modal: 100;
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}