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

:root {
    --cream: #f8f4ec;
    --ivory: #fffdf8;
    --sage: #b9c8b5;
    --sage-dark: #4d6254;
    --forest: #24382e;
    --black: #202321;
    --taupe: #b9aa99;
    --beige: #e8dccb;
    --blush: #e8c9c0;
    --gold: #b99a5a;
    --white: #ffffff;
    --text: #39413c;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Arial, Helvetica, sans-serif;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(185,200,181,.25),
            transparent 25%
        ),
        radial-gradient(
            circle at 5% 80%,
            rgba(232,201,192,.18),
            transparent 25%
        ),
        var(--cream);

    color: var(--text);
    min-height: 100vh;
}