:root {
    --color-burn-earth: #302624;
    --color-burnt-earth-light: #52463D;
    --color-linen: #F5F3F0;
    --color-chalk: #E6DCD2;
    --color-garnet-light: #4F0600;
    --burnt-earth-light: #52463D;
    --color-garnet-light: #4F0600;
    --color-red: #D91000;

    --color-text-primary: var(--color-burn-earth);
    --color-background: white;
    --color-background-secondary: var(--color-linen);
    --color-muted: var(--color-chalk);
    --color-muted-foreground: var(--color-burn-earth);
    --color-border: var(--color-chalk);
    --color-danger: var(--color-red);

    --max-content-width: 1360px;
}

/*
    START: RESET
    Josh's Custom CSS Reset (with customization)
    https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    color-scheme: only light;
}

@media (prefers-reduced-motion: no-preference) {
    html {
        interpolate-size: allow-keywords;
    }
}

body {
    -webkit-font-smoothing: antialiased;
    font: 400 16px/1.2 'Inter';
    color: var(--color-text-primary);
    background-color: var(--color-background-secondary);
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

input, button, textarea, select {
    font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

p {
    text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
    font: inherit;
}

a {
    color: var(--color-text-primary);
    font-weight: 500;
}

#root, #__next {
    isolation: isolate;
}
/* END: RESET */