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

:root {
    --terra: #C4531A;
    --terra-lt: #F2E0D4;
    --terra-dk: #a84315;
    --sun: #E8A020;
    --sun-lt: #FDF3DC;
    --forest: #2C6B4A;
    --forest-lt: #D6EDE1;
    --sky: #1A6FC4;
    --sky-lt: #E0EDFA;
    --purple: #6B4FA0;
    --purple-lt: #EDE8F5;
    --cream: #FAF6F1;
    --white: #FFFFFF;
    --ink: #1E1810;
    --ink-mid: #5A4E44;
    --ink-soft: #9B8E85;
    --border: rgba(30, 24, 16, 0.09);
    --nav-h: 68px;
}

html,
body {
    overflow-x: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE / Edge */
}

    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        display: none;
    }

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: var(--cream);
    color: var(--ink);
    min-height: 100vh;
    width: 100%;
    transition: opacity 0.25s ease;
    padding-top: var(--nav-h);
}

    body[data-fade] {
        opacity: 0;
    }