:root {
    /* Colores Principales */
    --primary: #FADA25;
    --secondary: #E0A500;
    --accent: #00D4FF;
    --dark: #0A0A0F;
    --light: #FFFFFF;
    --surface: #1A1A2E;
    --surface-light: #16213E;

    /* Gradientes  */
    --gradient-primary: linear-gradient(135deg, #FADA25 0%, #E0A500 50%, #FFE55C 100%);
    --gradient-cyber: linear-gradient(135deg, #00D4FF 0%, #0099CC 50%, #FADA25 100%);
    --gradient-dark: linear-gradient(135deg, #0A0A0F 0%, #1A1A2E 50%, #16213E 100%);
    --gradient-glow: linear-gradient(135deg, rgba(250, 218, 37, 0.3) 0%, rgba(0, 212, 255, 0.3) 100%);

    /* Sombras Neón */
    --shadow-neon: 0 0 20px rgba(250, 218, 37, 0.5);
    --shadow-cyber: 0 0 30px rgba(0, 212, 255, 0.4);
    --shadow-dark: 0 20px 40px rgba(0, 0, 0, 0.3);

    /* Animaciones */
    --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);

    /* Tipografía */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', 'SF Mono', Monaco, monospace;
}

body {
    background: #0A0A0F;
    color: #FFFFFF;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    overflow-x: hidden;
}

/* Modo claro */
body.light-theme {
    background: #FFFFFF;
    color: #0A0A0F;
}

body.light-theme .cyber-navbar .navbar-background {
    background: rgba(255, 255, 255, 0.95);
    border-bottom-color: rgba(250, 218, 37, 0.2);
}

body.light-theme .cyber-tabs {
    background: rgba(248, 249, 250, 0.8);
}

body.light-theme .cyber-tab.active {
    color: #0A0A0F;
}

body.light-theme .cyber-benefit-card,
body.light-theme .content-card,
body.light-theme .cyber-pricing-card,
body.light-theme .cyber-faq-item,
body.light-theme .info-card,
body.light-theme .form-card,
body.light-theme .footer-newsletter-box {
    background: rgba(248, 249, 250, 0.9);
    border-color: rgba(250, 218, 37, 0.3);
    color: #0A0A0F;
}

body.light-theme .cyber-form-control,
body.light-theme .modern-input,
body.light-theme .modern-textarea {
    background: rgba(255, 255, 255, 0.8);
    color: #0A0A0F;
    border-color: rgba(250, 218, 37, 0.3);
}

body.light-theme .cyber-form-control::placeholder,
body.light-theme .modern-input::placeholder,
body.light-theme .modern-textarea::placeholder {
    color: rgba(10, 10, 15, 0.5);
}

body.light-theme .glitch-text {
    color: #0A0A0F;
}

body.light-theme .cyber-section-title,
body.light-theme .contact-title,
body.light-theme .info-title {
    color: #0A0A0F;
}