html {
    --secondary-color-dark-3: #282828;
    --secondary-color-dark-2: #333333;
    --secondary-color-dark-1: #50504f;
    --secondary-color: #676767;
    --secondary-color-light-1: #b8b8b8;
    --secondary-color-light-2: #e4e4e4;
    --secondary-color-light-3: #f8f8f8;
    --background-color: #ffffff;
    --background-color__rgb: 255,255,255;
    --secondary-background-color: #ffffff;
}

html.default-theme {
    --primary-color-dark-3: #054065;
    --primary-color-dark-2: #07578a;
    --primary-color-dark-1: #0868a3;
    --primary-color: #0a73b6;
    --primary-color-light-1: #a6cfe9;
    --primary-color-light-2: #cee5f3;
    --primary-color-light-3: #f2f8fc;
}

html.red-theme {
    --primary-color-dark-3: #6e0911;
    --primary-color-dark-2: #950c17;
    --primary-color-dark-1: #b10e1c;
    --primary-color: #c50f1f;
    --primary-color-light-1: #edacb1;
    --primary-color-light-2: #f6d1d4;
    --primary-color-light-3: #fdf3f4;
}

html.dark-theme {
    --primary-color-dark-3: #0A0A0A;
    --primary-color-dark-2: #141414;
    --primary-color-dark-1: #2e2e2e;
    --primary-color: #0A0A0A;
    --primary-color-light-1: #4b4b4b;
    --primary-color-light-2: #676767;
    --primary-color-light-3: #292929;
    --secondary-color-dark-3: #f8f8f8;
    --secondary-color-dark-2: #e4e4e4;
    --secondary-color-dark-1: #b8b8b8;
    --secondary-color: #676767;
    --secondary-color-light-1: #4b4b4b;
    --secondary-color-light-2: #393939;
    --secondary-color-light-3: #1A1A1A;
    --command-bar: #1A1A1A;
    --navigation-bar__focus: #0A0A0A;
    --navigation-search-background-color: #292929;
    --navigation-selected-item: #292929;
    --background-color: #1F1F1F;
    --background-color__rgb: 31,31,31;
    --secondary-background-color: #393939;
    --admin-navigation-background: #0A0A0A;
    --admin-navigation-submenu-background: #1A1A1A;
    --admin-detail-header-color: #141414;
    --admin-detail-section-title: #676767;
    --shimmer-color: #292929;
    --shimmer-secondary-color: #393939;
    --form-element-border: #4b4b4b;
    --suggestionbox-selection: #4b4b4b;
    --suggestionbox-arrow: #b8b8b8;
    --primary-button-color: #2e2e2e;
    --primary-button-color__hover: #393939;
    --separator-color: #4b4b4b;
    --border-color: #4b4b4b;
    --element-hover: #292929;
    --element-selected: #2e2e2e;
    --small-icon-button-color: #b8b8b8;
    --table-header-text-color: #b8b8b8;
    --minor-element-color: #b8b8b8;
    --tree-line-color: #676767;
    --disabled-gray-color: #676767;
}