/*==========================================================
RESET
==========================================================*/

*,
*::before,
*::after{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:var(--font-body);

background:var(--surface);

color:var(--text);

line-height:1.7;

overflow-x:hidden;

-webkit-font-smoothing:antialiased;

text-rendering:optimizeLegibility;

}

img{

display:block;

max-width:100%;

height:auto;

}

a{

text-decoration:none;

color:inherit;

transition:var(--transition);

}

ul{

list-style:none;

}

button{

font-family:inherit;

cursor:pointer;

border:none;

background:none;

}

input,
textarea,
select{

font:inherit;

}

::selection{

background:var(--primary);

color:#fff;

}

/* Container */

.container{

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

margin-inline:auto;

}