@layer base {
    html, body {
        margin: 0;
        padding: 0;
        height: 100%;
        font-family: var(--font-sans);
        background-color: var(--bg-main);
        color: var(--text-main);
        -webkit-font-smoothing: antialiased;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: var(--font-display);
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin: 0;
    }

    a {
        text-decoration: none;
        color: inherit;
    }

    button {
        font-family: inherit;
    }

    .no-underline {
        text-decoration: none;
    }

    .text-inherit {
        color: inherit;
    }

    @keyframes flashFadeOut {
        from { opacity: 1; transform: translateY(0); }
        to   { opacity: 0; transform: translateY(-8px); pointer-events: none; }
    }
}