:root {
    --primary-color: #ec6602;
    --primary-2: #d85808;
    --primary-3: #ff6f02;
    --primary-4: #c55007;
    --primary-transparent: rgba(236, 102, 2, 0.1);
    --secondary-color: rgba(0, 153, 153, 1);
    --secondary-hover: rgba(0, 153, 153, 0.8);
    --secondary-transparent: rgba(0, 153, 153, 0.1);
    --secondary-light: #b6e6e6;
    --tertiary-outline: rgba(0, 0, 0, 0.1);
    --tertiary-hover: rgba(0, 0, 0, 0.2);
    --tertiary-press: rgba(0, 0, 0, 0.05);
    --base-0: #ffffff;
    --base-1: #ebebeb;
    --base-2: #f5f5f5;
    --base-3: rgba(245, 245, 245, 0.6);
    --base-4: #b3b3b3;
    --base-5: rgba(255, 255, 255, 0.7);
    --base-6: rgb(102, 102, 102);
    --base-7: rgb(125, 125, 125);
    --base-8: rgb(201, 201, 201);
    --ui-7: #ffffff;
    --text-100: rgba(0, 0, 0, 1);
    --text-90: rgba(0, 0, 0, 0.9);
    --text-60: rgba(0, 0, 0, 0.6);
    --text-55: rgba(0, 0, 0, 0.55);
    --text-70: rgba(0, 0, 0, 0.70);
    --text-20: rgba(0, 0, 0, 0.20);
    --divider: rgba(0, 0, 0, 0.1);
    --highlight-025: rgba(0, 0, 0, 0.025);
    --highlight-5: rgba(0, 0, 0, 0.05);
    --highlight-10: rgba(0, 0, 0, 0.1);
    --highlight-15: rgba(0, 0, 0, 0.15);
    --highlight-20: rgba(0, 0, 0, 0.20);
    --highlight-40: rgba(0, 0, 0, 0.40);
    --slider-handle: rgb(125, 125, 125);
    --slider-handle-disabled: rgb(200, 200, 200);
    --shadow-light: rgba(0, 0, 0, 0.05);
    --shadow-strong: rgba(0, 0, 0, 0.1);
    --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-5-tint: rgb(108, 174, 255);
    --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: #ec6602;
    --color: #000000;
    --disabled-color: rgba(0, 0, 0, 0.20);
    --background-color: transparent;
    --alt-background-color: #ebebeb;
    --hovered-background-color: #ebebeb;
    --selected-background-color: #f5f5f5;
    --reverse-background-color: rgba(0, 0, 0, 0.9);
    --base-pressed-color: #ff6f02;
    --highlight-color: rgba(0, 0, 0, 0.55);
    --overlay-color: rgba(0, 0, 0, 0.20);
    --accent-color: #ff6f02;
    --accent-light-color: #ff6f02;
    --base-light-color: #ff6f02;
    --faded-color: #ebebeb;
    --divider-color: #ebebeb;
    --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;

    --shadow-color: rgba(0, 0, 0, 0.1);
    --navigation-shadow: 0 0 8px var(--shadow-color);
    --shadow-raised: 0 2px 4px var(--shadow-color);
}