:root {
    /* Paleta de Colores - Cyber Minimalism */
    --bg-main: #070A12;
    --bg-secondary: #0E1630;
    --bg-card: rgba(14, 22, 48, 0.6);
    
    --text-primary: #EAF0FF;
    --text-secondary: #9AA4C7;
    --text-accent: #35F28B; /* Éxito */
    
    --accent-primary: #6D5BFF; /* CTA Principal */
    --accent-glow: rgba(109, 91, 255, 0.5);
    --accent-cyan: #00D4FF; /* Secundario */

    /* Tipografía */
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Espaciados */
    --container-width: 1200px;
    --header-height: 80px;
    
    /* Bordes & Glass */
    --border-light: rgba(255, 255, 255, 0.1);
    --glass-blur: blur(12px);
    
    /* Transiciones */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    background-color: var(--bg-main);
    color: var(--text-primary);
    font-family: var(--font-body);
    margin: 0;
    line-height: 1.6;
    overflow-x: hidden;
}

h1, h2, h3, h4, .btn {
    font-family: var(--font-heading);
}