/* =====================================================
                    BASE.CSS
   Reset + configuración global del sistema
===================================================== */

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap");

:root{
    --primary:#2f8ff7;
    --secondary:#41c2e3;
    --success:#26b96b;
    --warning:#e4a931;
    --danger:#df5151;
    --background:#151c27;
    --surface:#1f2a3a;
    --surface-elevated:#253247;
    --text:#edf3ff;
    --text-muted:#9eb2cd;
    --border-soft:rgba(174,200,232,.2);
    --radius-lg:16px;
    --radius-md:12px;
    --shadow-soft:0 10px 28px rgba(0,0,0,.25);
}

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

html{
    scroll-behavior:smooth;
}

body{
    background:var(--background);
    color:var(--text);
    font-family:"Manrope","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
    font-size:15px;
    line-height:1.5;
}

h1,
h2,
h3{
    font-weight:800;
    line-height:1.2;
    letter-spacing:.01em;
}

h1{font-size:2rem;}
h2{font-size:1.28rem;}
h3{font-size:1rem;}

a{
    color:inherit;
    text-decoration:none;
}

small,
.caption{
    font-size:.82rem;
    color:var(--text-muted);
}

button,
input,
select,
textarea{
    font-family:inherit;
    font-size:15px;
    outline:none;
}

button{cursor:pointer;}

img{
    max-width:100%;
    display:block;
}

table{
    border-collapse:collapse;
    width:100%;
}

::-webkit-scrollbar{width:10px;}

::-webkit-scrollbar-track{background:#1b2332;}

::-webkit-scrollbar-thumb{
    background:#355780;
    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{background:#4570a8;}