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

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


/* =======================================
   HTML
======================================= */

html{
    font-size:16px;
    scroll-behavior:smooth;
}


/* =======================================
   Body
======================================= */

body{
    font-family:var(--font-primary);
    font-size:1rem;
    line-height:1.7;
    color:var(--color-text);
    background:var(--color-background);
}


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

h1,
h2,
h3,
h4,
h5,
h6{

    font-weight:700;

    line-height:1.3;

    color:var(--color-heading);

}

p{

    margin-bottom:1rem;

}


/* =======================================
   Links
======================================= */

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


/* =======================================
   Images
======================================= */

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


/* =======================================
   Buttons
======================================= */

button{

    font:inherit;

    border:none;

    background:none;

    cursor:pointer;

}