/* ==========================================
   CSS Reset
========================================== */

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

/* ==========================================
   Root Variables
========================================== */

:root{

    --primary:#0B3D91;
    --primary-dark:#072B61;
    --accent:#1E88E5;

    --text:#222222;
    --background:#F8FAFC;
    --white:#FFFFFF;

    --container-width:1200px;

}

/* ==========================================
   Global
========================================== */

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Inter',sans-serif;

    background:var(--background);

    color:var(--text);

    line-height:1.6;

    overflow-x:hidden;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

.container{

    width:min(92%, var(--container-width));

    margin:0 auto;

}

/* ==========================================
   Typography
========================================== */

h1{

    font-size:clamp(2.5rem,5vw,4.5rem);

    line-height:1.1;

    font-weight:800;

}

h2{

    font-size:clamp(2rem,4vw,3rem);

    font-weight:700;

}

h3{

    font-size:1.5rem;

    font-weight:600;

}

p{

    color:#64748B;

}