:root {
    --primary-color: #c9873d;
    --primary-2: hsl(32.0, 56.0%, 44.0%);
    --primary-3: hsl(32.0, 56.0%, 58.0%);
    --primary-4: #cf4b00;
    --primay-transparent: hsla(32.0, 56.0%, 51.0%, 0.2);
    --secondary-color: #8b3a2b;
    --secondary-hover: hsla(9.0, 53.0%, 36.0%, 0.7);
    --secondary-light: hsl(9.0, 3.0% , 86.0%);
    --secondary-transparent: hsla(9.0, 53.0%, 36.0%, 0.2);
    --secondary-dark: hsl(9.0, 53.0%, 26.0%);
    --tertiary-outline: hsla(28.0, 28.0%, 13.0%, 0.1);
    --tertiary-hover: hsla(28.0, 28.0%, 13.0%, 0.2);
    --tertiary-press: hsla(28.0, 28.0%, 13.0%, 0.05);
    --base-0: #efe1c6;
    --base-1: hsl(40.0, 56.0%, 78.0%);
    --base-2: hsl(40.0, 56.0%, 82.0%);
    --base-3: hsla(40.0, 56.0%, 82.0%, 0.6);
    --base-4: hsl(40.0, 56.0%, 56.0%);
    --base-5: hsla(40.0, 56.0%, 86.0%, 0.7);
    --base-6: #666666;
    --base-7: hsl(40.0, 56.0%, 35.0%);
    --base-8: hsl(40.0, 56.0%, 65.0%);
    --text-100: #2b2118;
    --text-90: hsla(28.0, 28.0%, 13.0%, 0.9);
    --text-60: hsla(28.0, 28.0%, 13.0%, 0.6);
    --text-45: hsla(28.0, 28.0%, 13.0%, 0.45);
    --text-55: hsla(28.0, 28.0%, 13.0%, 0.55);
    --text-70: #4c4c4c;
    --text-20: hsla(28.0, 28.0%, 13.0%, 0.2);
    --divider: hsla(28.0, 28.0%, 13.0%, 0.1);
    --highlight-025: hsla(28.0, 28.0%, 13.0%, 0.025);
    --highlight-5: hsla(28.0, 28.0%, 13.0%, 0.05);
    --highlight-10: hsla(28.0, 28.0%, 13.0%, 0.1);
    --highlight-15: hsla(28.0, 28.0%, 13.0%, 0.15);
    --highlight-20: hsla(28.0, 28.0%, 13.0%, 0.2);
    --highlight-40: hsla(28.0, 28.0%, 13.0%, 0.4);
    --slider-handle: hsl(28.0, 28.0%, 73.0%);
    --slider-handle-disabled: hsl(28.0, 28.0%, 91.0%);
    --shadow-light: hsla(28.0, 28.0%, 13.0%, 0.04);
    --shadow-strong: hsla(28.0, 28.0%, 13.0%, 0.1);
    --disabled-color: hsla(28.0, 28.0%, 13.0%, 0.2);
    --alt-background-color: hsl(40.0, 56.0%, 81.0%);
    --selected-background-color: hsl(40.0, 56.0%, 82.0%);
    --reverse-background-color: hsla(28.0, 28.0%, 13.0%, 0.9);
    --highlight-color: hsla(28.0, 28.0%, 13.0%, 0.55);
    --overlay-color: hsla(28.0, 28.0%, 13.0%, 0.2);
    --accent-color: hsl(32.0, 56.0%, 58.0%);
    --faded-color:hsl(40.0, 56.0%, 82.0%);
    --color-button: #7a8a5c;
    --modal-overlay-color: hsla(28.0, 28.0%, 13.0%, 0.4);

    --accent-foreground-color: #fff;

    /* Colors that stay the same in every theme and are not inverted */
    --functional-red: #880000;
    --functional-yellow: #888800;
    --functional-green: #008800;
    --focus-outline: #1284ff;
    --functional-black: #000000;
    --support-1: rgb(50,158,188);
    --support-2: rgb(139,50,188);
    --support-3: rgb(50,188,77);
    --support-4: rgb(50,188,167);
    --support-5: rgb(50,144,188);
    --support-5-tint: rgb(108, 174, 255);
    --support-6: rgb(188,50,115);
    --support-7: #86c03f;
    --support-8: #498c01;
    --support-9: #808c00;
    --support-10: #eb5a25;
}