/* ==========================
   SHAR125 Design System
========================== */

@import url("variables.css");
@import url("header.css");
@import url("hero.css");
@import url("cards.css");
@import url("footer.css");
@import url("categories.css");
@import url("featured.css");
@import url("responsive.css");

/* ==========================
   GLOBAL
========================== */

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    padding:0;

    font-family:'Manrope',sans-serif;
    color:var(--text);
    background:var(--background);

    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

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

a{
    color:inherit;
    text-decoration:none;
    transition:var(--transition);
}

.container{
    width:100%;
    max-width:var(--container);
    margin:0 auto;
    padding:0 24px;
}

section{
    position:relative;
}