:root {
    /* Colores principales LV */
    --color-bg: #0a0a0f;
    --color-bg-secondary: #12121a;
    --color-bg-card: rgba(18, 18, 26, 0.7);
    --color-bg-glass: rgba(255, 255, 255, 0.03);

    --color-primary: #8b5cf6;
    --color-primary-light: #a78bfa;
    --color-primary-dark: #7c3aed;
    --color-accent: #06b6d4;
    --color-accent-light: #22d3ee;

    --color-text: #f1f5f9;
    --color-text-muted: #94a3b8;
    --color-text-dim: #64748b;

    --color-border: rgba(255, 255, 255, 0.08);
    --color-border-hover: rgba(139, 92, 246, 0.4);

    --color-success: #10b981;
    --color-error: #ef4444;
    --color-warning: #f59e0b;

    /* Gradientes */
    --gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);
    --gradient-hero: linear-gradient(180deg, rgba(139, 92, 246, 0.15) 0%, transparent 50%);
    --gradient-card: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(6, 182, 212, 0.05) 100%);

    /* Tipografía */
    --font-display: 'Orbitron', sans-serif;
    --font-body: 'Rajdhani', sans-serif;

    /* Espaciado */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;

    /* Bordes */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 30px rgba(139, 92, 246, 0.3);
    --shadow-glow-accent: 0 0 30px rgba(6, 182, 212, 0.3);

    /* Transiciones */
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Layout */
    --container-max: 1200px;
    --navbar-height: 72px;
}