*{margin:0;padding:0;box-sizing:border-box}

/* ========== VARIABLES MODO OSCURO (default) ========== */
:root, [data-theme="dark"] {
    --primary:#00BCD4;
    --primary-light:#00E5FF;
    --primary-dark:#0097A7;
    --success:#00D924;
    --warning:#FFB800;
    --error:#FF4757;
    
    --bg:#000;
    --bg-card:#111;
    --bg-elevated:#0a0a0a;
    --bg-glass:rgba(0,0,0,.8);
    
    --text:#fff;
    --text-soft:rgba(255,255,255,.7);
    --text-muted:rgba(255,255,255,.5);
    --border:rgba(255,255,255,.1);
    
    --shadow-lg:0 40px 80px rgba(0,0,0,.6);
    --gradient-hero:linear-gradient(135deg,#000,#061015);
    
    --font:'Space Grotesk',sans-serif;
    
    --nav-h:72px;
    --max-w:1440px;
    --pad:48px;
}

/* ========== VARIABLES MODO CLARO ========== */
[data-theme="light"] {
    --primary:#0097A7;
    --primary-light:#00BCD4;
    --primary-dark:#006064;
    --success:#00A318;
    --warning:#F59E0B;
    --error:#DC2626;
    
    --bg:#F8FAFC;
    --bg-card:#FFFFFF;
    --bg-elevated:#F1F5F9;
    --bg-glass:rgba(255,255,255,.9);
    
    --text:#0F172A;
    --text-soft:#475569;
    --text-muted:#94A3B8;
    --border:rgba(15,23,42,.1);
    
    --shadow-lg:0 40px 80px rgba(0,0,0,.1);
    --gradient-hero:linear-gradient(135deg,#F8FAFC,#E2E8F0);
}

html{scroll-behavior:smooth}
body{
    font-family:var(--font);
    background:var(--bg);
    color:var(--text);
    line-height:1.6;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    transition:background .3s ease,color .3s ease;
}

/* ========== RESPONSIVE VARIABLES ========== */
@media(max-width:1200px){
    :root, [data-theme="dark"], [data-theme="light"]{
        --pad:32px;
    }
}

@media(max-width:640px){
    :root, [data-theme="dark"], [data-theme="light"]{
        --pad:20px;
        --nav-h:64px;
    }
}

@media(max-width:425px){
    :root, [data-theme="dark"], [data-theme="light"]{
        --pad:16px;
        --nav-h:60px;
    }
}