/* css/reset.css */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
    font-family: var(--font-body);
    background-color: var(--background);
    color: var(--on-surface);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    font-weight: 600;
}

/* Push content down on standard pages. 
   On Hero pages, we use .transparent-nav-page to remove this padding. */
body:not(.transparent-nav-page) {
    padding-top: 88px;
}

body.transparent-nav-page {
    padding-top: 0 !important;
}