:root {
    --primary-color: #50cb93;
    --primary-2: hsl(153.0, 54.0%, 48.0%);
    --primary-3: hsl(153.0, 54.0%, 62.0%);
    --primary-4: #000000;
    --primary-hover: hsla(153.0, 54.0%, 55.0%, 0.1);
    --secondary-color: #707372;
    --secondary-hover: hsla(160.0, 1.0%, 45.0%, 0.7);
    --secondary-light: hsl(160.0, 1.0%, 60.0%);
    --secondary-transparent: hsla(160.0, 1.0%, 45.0%, 0.1);
    --tertiary-outline: hsla(0.0, 0.0%, 0.0%, 0.1);
    --tertiary-hover: hsla(0.0, 0.0%, 0.0%, 0.2);
    --tertiary-press: hsla(0.0, 0.0%, 0.0%, 0.05);
    --base-0: #ffffff;
    --base-1: hsl(0.0, 0.0%, 80.0%);
    --base-2: hsl(0.0, 0.0%, 95.0%);
    --base-3: hsl(0.0, 0.0%, 95.0%);
    --base-4: hsl(0.0, 0.0%, 70.0%);
    --base-5: hsla(0.0, 0.0%, 100.0%, 0.7);
    --base-6: #000000;
    --base-7: hsl(0.0, 0.0%, 51.0%);
    --base-8: hsl(0.0, 0.0%, 79.0%);
    --text-100: #000000;
    --text-90: hsla(0.0, 0.0%, 0.0%, 0.9);
    --text-60: hsla(0.0, 0.0%, 0.0%, 0.6);
    --text-55: hsla(0.0, 0.0%, 0.0%, 0.55);
    --text-70: #000000;
    --text-20: hsla(0.0, 0.0%, 0.0%, 0.2);
    --divider: hsla(0.0, 0.0%, 0.0%, 0.1);
    --highlight-025: hsla(0.0, 0.0%, 0.0%, 0.05);
    --highlight-5: hsla(0.0, 0.0%, 0.0%, 0.1);
    --highlight-10: hsla(0.0, 0.0%, 0.0%, 0.175);
    --highlight-15: hsla(0.0, 0.0%, 0.0%, 0.25);
    --highlight-20: hsla(0.0, 0.0%, 0.0%, 0.4);
    --highlight-40: hsla(0.0, 0.0%, 0.0%, 0.4);
    --slider-handle: hsl(0.0, 0.0%, 60.0%);
    --slider-handle-disabled: hsl(0.0, 0.0%, 22.0%);
    --shadow-light: hsla(0.0, 0.0%, 0.0%, 0.1);
    --shadow-strong: hsla(0.0, 0.0%, 0.0%, 0.2);
    --functional-red: #e7001d;
    --functional-yellow: #ffd200;
    --functional-green: #009a38;
    --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-6: rgb(188,50,115);
    --support-7: #86c03f;
    --support-8: #498c01;
    --support-9: #808c00;
    --support-10: #eb5a25;
    --base-foreground-color: #ffffff;
    --alert-color: #ffffff;
    --confirm-color: #ffffff;
    --base-color: #50cb93;
    --color: #000000;
    --disabled-color: hsla(0.0, 0.0%, 0.0%, 0.4);
    --background-color: transparent;
    --alt-background-color: hsl(0.0, 0.0%, 95.0%);
    --hovered-background-color: hsl(0.0, 0.0%, 95.0%);
    --selected-background-color: hsl(0.0, 0.0%, 91.0%);
    --reverse-background-color: hsla(0.0, 0.0%, 0.0%, 0.9);
    --base-pressed-color: hsl(153.0, 54.0%, 62.0%);
    --highlight-color: hsla(0.0, 0.0%, 0.0%, 0.55);
    --overlay-color: hsla(0.0, 0.0%, 0.0%, 0.4);
    --accent-color: hsl(153.0, 54.0%, 62.0%);
    --accent-light-color: hsl(153.0, 54.0%, 62.0%);
    --base-light-color: hsl(153.0, 54.0%, 62.0%);
    --faded-color:hsl(0.0, 0.0%, 96.0%);
    --divider-color: hsl(0.0, 0.0%, 96.0%);
    --color-button: #ffffff;

    --accent-foreground-color: #fff;
    --accent-pressed-color: #fff;
    --reverse-displayed-color: #fff;
    --reverse-disabled-color: #fff;
    --content-padding: 0;
    --header-background-color: #fff;
    --reverse-color: #fff;
    --base-dark-color: #fff;
    --confirm-pressed-color: #fff;
    --alert-pressed-color: #fff;
    --base-dark-color: #fff;
}