:root {
    /* COLORES - ESTILO LYP TECH PRO */
    --primary-dark: #0a0f1a;
    --secondary-dark: #0f1923;
    --tertiary-dark: #132030;
    --accent-cyan: #00d9ff;
    --accent-cyan-dark: #00a8cc;
    --accent-blue: #0066ff;
    --accent-orange: #ff6600;
    --text-light: #ffffff;
    --text-muted: #8b98a8;
    --border-color: rgba(0, 217, 255, 0.2);
    
    /* GRADIENTES */
    --gradient-primary: linear-gradient(135deg, #00d9ff 0%, #0066ff 100%);
    --gradient-dark: linear-gradient(135deg, #0f1923 0%, #132030 100%);

    /* TIPOGRAFÍA */
    --font-display: 'Rajdhani', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-size-h1: 4rem;
    --font-size-h2: 2.5rem;
    --font-size-h3: 1.5rem;
    --font-size-p: 1rem;

    /* ESPACIADO */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-xxl: 5rem;

    /* TRANSICIONES */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.6s ease;

    /* Z-INDEX */
    --z-base: 1;
    --z-navbar: 100;
    --z-modal: 1000;
}

@media (max-width: 768px) {
    :root {
        --font-size-h1: 2.5rem;
        --font-size-h2: 1.8rem;
        --font-size-h3: 1.2rem;
        --spacing-xxl: 3rem;
    }
}