/* css/variables.css */
:root {
    /* Color Palette - Command Center Theme */
    --color-bg-primary: #0a0e17;
    --color-bg-secondary: #0f1419;
    --color-bg-tertiary: #1a1f2e;

    /* Neon Accents */
    --color-accent-primary: #00f0ff;      /* Cyan */
    --color-accent-secondary: #7b2ff7;    /* Purple */
    --color-accent-tertiary: #ff006e;     /* Hot Pink */

    /* Text Colors */
    --color-text-primary: #e6e6e6;
    --color-text-secondary: #a0a0a0;
    --color-text-muted: #606060;

    /* Glassmorphism */
    --glass-bg: rgba(26, 31, 46, 0.6);
    --glass-border: rgba(255, 255, 255, 0.1);

    /* Typography */
    --font-mono: 'JetBrains Mono', monospace;
    --font-sans: 'Inter', sans-serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;

    /* Layout */
    --container-width: 1200px;
    --nav-height: 80px;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.4s ease;
    --transition-slow: 0.6s ease;

    /* Effects */
    --blur-sm: 10px;
    --blur-md: 20px;
    --shadow-glow: 0 0 20px rgba(0, 240, 255, 0.3);
}