/*
 * Sections
 * ========
 * https://w3c.github.io/html/sections
 */

html {
    block-size: 100vh;
    /* overflow-y: scroll; */
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

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

body {
    background: var(--color-background);
    color:;
    display: flex;
    flex-direction: column;
    font-family: var(--font-sans);
    font-size: var(--step-0);
    -webkit-font-smoothing: antialiased;
    margin: 0;
    min-block-size: 100dvh;
}

h1,
h2,
h3,
h4,
h5,
h6,
legend {
    break-after: avoid;
    font-size: inherit;
    font-weight: inherit;
    hanging-punctuation: first;
    margin: 0;
    text-rendering: optimizelegibility;
    text-wrap: balance;
}

:focus-visible {
    border-radius:;
    outline:;
    z-index: 1;
}

::selection {
    background-color:;
}