:root {
    --color-orange: #c95621;
    --color-orange-dark: #9f3d16;

    --color-dark: #202020;
    --color-dark-soft: #292929;

    --color-cream: #f4f0e9;
    --color-white: #ffffff;
    --color-text: #252525;
    --color-muted: #6b6863;

    --font-heading: "Cormorant Garamond", serif;
    --font-body: "Inter", sans-serif;

    --container-width: 1200px;

    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 7rem;

    --radius-sm: 2px;
    --radius-md: 6px;

    --transition: 200ms ease;
}

:root {
    --color-orange: #c7531d;
    --color-orange-dark: #9f3c15;

    --color-dark: #1f2221;
    --color-cream: #f5f1ea;

    --color-text: #282825;
    --color-white: #ffffff;

    --transition: 200ms ease;
}