:root {
    /* Colores principales */
    --primary-color: #2091F9;
    --primary-hover: #1a73c7;
    --text-color: #fff;
    --text-secondary: rgba(255, 255, 255, 0.7);
    
    /* Fondos */
    --dark-background: linear-gradient(135deg, #0F1B1B 0%, #1C2121 100%);
    --card-background: rgba(255, 255, 255, 0.03);
    --overlay-light: rgba(255, 255, 255, 0.05);
    
    /* Bordes y sombras */
    --border-light: rgba(255, 255, 255, 0.1);
    --box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    --glow-effect: 0 0 15px rgba(32, 145, 249, 0.2);
    
    /* Espaciado */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 2.5rem;
    
    /* Bordes */
    --border-radius-sm: 8px;
    --border-radius-md: 15px;
    
    /* Transiciones */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}