/* @media (prefers-color-scheme: dark) {
    :root {
        --tbr-primary: #DB0916;
        --tbr-secondary: #F9F9F9;
        --tbr-success: #17C653;
        --tbr-warning: #F6B102;
        --tbr-danger: #F8285B;
        --tbr-info: #7339EA;
        --tbr-orange: #FE6F1F;
        --tbr-dark: #1F2129;
        --tbr-light: #FFFFFF;
        --tbr-white: #FFFFFF;

        --tbr-primary-active: #BD060F;
        --tbr-secondary-active: #F9F9F9;
        --tbr-success-active: #06B440;
        --tbr-warning-active: #DFA000;
        --tbr-danger-active: #D81B48;
        --tbr-info-active: #5013D0;
        --tbr-orange-active: #F15701;
        --tbr-dark-active: #111318;
        --tbr-light-active: #F9F9F9;

        --tbr-rgb-primary: 219, 9, 23;
        --tbr-rgb-secondary: 249, 249, 249;
        --tbr-rgb-success: 23, 198, 84;
        --tbr-rgb-warning: 246, 177, 2;
        --tbr-rgb-danger: 248, 40, 92;
        --tbr-rgb-info: 116, 57, 234;
        --tbr-rgb-orange: 254, 113, 31;
        --tbr-rgb-dark: 31, 33, 41;
        --tbr-rgb-light: 255, 255, 255;

        --bs-gray-50: #FCFCFC;
        --bs-gray-100: #1B1C22;
        --bs-gray-200: #26272F;
        --bs-gray-300: #363843;
        --bs-gray-400: #464852;
        --bs-gray-500: #636674;
        --bs-gray-600: #808290;
        --bs-gray-700: #9A9CAE;
        --bs-gray-800: #B5B7C8;
        --bs-gray-900: #F5F5F5;

        --tbr-bg-primary: #0D0E12;
        --tbr-bg-secondary: #111217;
        --tbr-bg-tertiary: #0B0C10;

        --tbr-border-primary: #1B1C22;
        --tbr-border-secondary: #26272F;

        --bs-heading-color: #F5F5F5;
        --text-color: #9A9CAE;
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --tbr-primary: #DB0916;
        --tbr-secondary: #F9F9F9;
        --tbr-success: #17C653;
        --tbr-warning: #F6B102;
        --tbr-danger: #F8285B;
        --tbr-info: #7339EA;
        --tbr-orange: #FE6F1F;
        --tbr-dark: #1F2129;
        --tbr-light: #FFFFFF;
        --tbr-white: #FFFFFF;

        --tbr-primary-active: #BD060F;
        --tbr-secondary-active: #F9F9F9;
        --tbr-success-active: #06B440;
        --tbr-warning-active: #DFA000;
        --tbr-danger-active: #D81B48;
        --tbr-info-active: #5013D0;
        --tbr-orange-active: #F15701;
        --tbr-dark-active: #111318;
        --tbr-light-active: #F9F9F9;

        --tbr-rgb-primary: 219, 9, 23;
        --tbr-rgb-secondary: 249, 249, 249;
        --tbr-rgb-success: 23, 198, 84;
        --tbr-rgb-warning: 246, 177, 2;
        --tbr-rgb-danger: 248, 40, 92;
        --tbr-rgb-info: 116, 57, 234;
        --tbr-rgb-orange: 254, 113, 31;
        --tbr-rgb-dark: 31, 33, 41;
        --tbr-rgb-light: 255, 255, 255;

        --bs-gray-50: #FCFCFC;
        --bs-gray-100: #F9F9F9;
        --bs-gray-200: #F1F1F4;
        --bs-gray-300: #DBDFE9;
        --bs-gray-400: #C4CADA;
        --bs-gray-500: #99A1B7;
        --bs-gray-600: #78829D;
        --bs-gray-700: #4B5675;
        --bs-gray-800: #252F4A;
        --bs-gray-900: #071437;

        --tbr-bg-primary: #FFFFFF;
        --tbr-bg-secondary: #FFFFFF;
        --tbr-bg-tertiary: #FFFFFF;

        --tbr-border-primary: #F1F1F4;
        --tbr-border-secondary: #E1E3EA;

        --bs-heading-color: var(--bs-gray-900);
        --text-color: #4B5675;
    }
} */

.tbr_mode--light {
    --tbr-primary: #DB0916;
    --tbr-secondary: #F9F9F9;
    --tbr-success: #17C653;
    --tbr-warning: #F6B102;
    --tbr-danger: #F8285B;
    --tbr-info: #7339EA;
    --tbr-orange: #FE6F1F;
    --tbr-dark: #1F2129;
    --tbr-light: #FFFFFF;
    --tbr-white: #FFFFFF;

    --tbr-primary-active: #BD060F;
    --tbr-secondary-active: #F9F9F9;
    --tbr-success-active: #06B440;
    --tbr-warning-active: #DFA000;
    --tbr-danger-active: #D81B48;
    --tbr-info-active: #5013D0;
    --tbr-orange-active: #F15701;
    --tbr-dark-active: #111318;
    --tbr-light-active: #F9F9F9;

    --tbr-rgb-primary: 219, 9, 23;
    --tbr-rgb-secondary: 249, 249, 249;
    --tbr-rgb-success: 23, 198, 84;
    --tbr-rgb-warning: 246, 177, 2;
    --tbr-rgb-danger: 248, 40, 92;
    --tbr-rgb-info: 116, 57, 234;
    --tbr-rgb-orange: 254, 113, 31;
    --tbr-rgb-dark: 31, 33, 41;
    --tbr-rgb-light: 255, 255, 255;

    --bs-gray-50: #FCFCFC;
    --bs-gray-100: #F9F9F9;
    --bs-gray-200: #F1F1F4;
    --bs-gray-300: #DBDFE9;
    --bs-gray-400: #C4CADA;
    --bs-gray-500: #99A1B7;
    --bs-gray-600: #78829D;
    --bs-gray-700: #4B5675;
    --bs-gray-800: #252F4A;
    --bs-gray-900: #071437;

    --tbr-bg-primary: #FFFFFF;
    --tbr-bg-secondary: #FFFFFF;
    --tbr-bg-tertiary: #FFFFFF;
    --tbr-bg-quaternary: #FCFCFC;

    --tbr-border-primary: #F1F1F4;
    --tbr-border-secondary: #E1E3EA;

    --bs-heading-color: var(--bs-gray-900);
    --text-color: #4B5675;
}

.tbr_mode--dark {
    --tbr-primary: #DB0916;
    --tbr-secondary: #F9F9F9;
    --tbr-success: #17C653;
    --tbr-warning: #F6B102;
    --tbr-danger: #F8285B;
    --tbr-info: #7339EA;
    --tbr-orange: #FE6F1F;
    --tbr-dark: #1F2129;
    --tbr-light: #FFFFFF;
    --tbr-white: #FFFFFF;

    --tbr-primary-active: #BD060F;
    --tbr-secondary-active: #F9F9F9;
    --tbr-success-active: #06B440;
    --tbr-warning-active: #DFA000;
    --tbr-danger-active: #D81B48;
    --tbr-info-active: #5013D0;
    --tbr-orange-active: #F15701;
    --tbr-dark-active: #111318;
    --tbr-light-active: #F9F9F9;

    --tbr-rgb-primary: 219, 9, 23;
    --tbr-rgb-secondary: 249, 249, 249;
    --tbr-rgb-success: 23, 198, 84;
    --tbr-rgb-warning: 246, 177, 2;
    --tbr-rgb-danger: 248, 40, 92;
    --tbr-rgb-info: 116, 57, 234;
    --tbr-rgb-orange: 254, 113, 31;
    --tbr-rgb-dark: 31, 33, 41;
    --tbr-rgb-light: 255, 255, 255;

    --bs-gray-50: #FCFCFC;
    --bs-gray-100: #1B1C22;
    --bs-gray-200: #26272F;
    --bs-gray-300: #363843;
    --bs-gray-400: #464852;
    --bs-gray-500: #636674;
    --bs-gray-600: #808290;
    --bs-gray-700: #9A9CAE;
    --bs-gray-800: #B5B7C8;
    --bs-gray-900: #F5F5F5;

    --tbr-bg-primary: #0D0E12;
    --tbr-bg-secondary: #111217;
    --tbr-bg-tertiary: #0B0C10;
    --tbr-bg-quaternary: #0B0C10;

    --tbr-border-primary: #1B1C22;
    --tbr-border-secondary: #26272F;

    --bs-heading-color: #F5F5F5;
    --bs-border-color: #1B1C22;
    --text-color: #9A9CAE;
}

:root {
    --tbr-backdrop-zindex-overlap: 1050;
}