:root {
    --kt-primary: 0 122 255;
    --kt-blue: 0 122 255;
    --kt-green: 10 173 59;
    --kt-red: 235 57 54;
    --kt-orange: 0 122 255;
    --kt-yellow: 246 157 0;

    --kt-secondary: 24 25 29;
    --kt-gray: 80 84 100;
    --kt-dark: 52 55 64;
    --kt-light: 240 241 245;

    --kt-gray-100: 244 245 248;
    --kt-gray-200: 240 241 245;
    --kt-gray-300: 223 226 237;
    --kt-gray-400: 84 88 105;
    --kt-gray-500: 80 84 100;
    --kt-gray-600: 52 55 64;
    --kt-gray-700: 24 25 29;
    --kt-gray-800: 28 32 43;
    --kt-gray-900: 24 27 36;

    --kt-border-color: var(--kt-gray-300);

    --kt-special-offers-bg: #007aff;

    --kt-primary-dark: 0 98 204;
    --kt-red-dark: 212 51 49;
    --kt-green-dark: 9 156 53;
    --kt-blue-dark: 0 98 204;
    --kt-yellow-dark: 221 141 0;
    --kt-orange-dark: 0 98 204;

    --kt-primary-btn-bg: rgb(var(--kt-primary));
    --kt-primary-btn-hover-bg: rgb(0, 105, 220);

    --kt-primary-light-btn-color: rgb(0, 92, 194);
    --kt-primary-light-btn-bg: rgba(0, 122, 255, .2);
    --kt-primary-light-btn-hover-color: rgb(0, 76, 161);
    --kt-primary-light-btn-hover-bg: rgba(0, 122, 255, .2);

    --kt-green-btn-bg: rgb(var(--kt-green));
    --kt-green-btn-hover-bg: rgb(9, 154, 53);
    --kt-green-light-btn-color: rgb(8, 130, 44);
    --kt-green-light-btn-bg: rgba(10, 173, 59, .18);
    --kt-green-light-btn-hover-color: rgb(7, 112, 38);
    --kt-green-light-btn-hover-bg: rgba(10, 173, 59, .23);

    --kt-blue-btn-bg: rgb(var(--kt-blue));
    --kt-blue-btn-hover-bg: rgb(0, 105, 220);
    --kt-blue-light-btn-color: rgb(0, 92, 194);
    --kt-blue-light-btn-bg: rgba(0, 122, 255, .16);
    --kt-blue-light-btn-hover-color: rgb(0, 76, 161);
    --kt-blue-light-btn-hover-bg: rgba(0, 122, 255, .2);

    --kt-red-btn-bg: rgb(var(--kt-red));
    --kt-red-btn-hover-bg: rgb(233, 40, 37);
    --kt-red-light-btn-color: rgb(176, 43, 41);
    --kt-red-light-btn-bg: rgba(235, 57, 54, .16);
    --kt-red-light-btn-hover-color: rgb(153, 37, 35);
    --kt-red-light-btn-hover-bg: rgba(235, 57, 54, .16);

    --kt-light-btn-color: rgb(var(--kt-dark));
    --kt-light-btn-bg: rgb(var(--kt-light));
    --kt-light-btn-hover-color: rgb(var(--kt-dark));
    --kt-light-btn-hover-bg: rgb(237, 238, 243);

    --kt-gray-btn-bg: rgb(var(--kt-gray));
    --kt-gray-btn-hover-bg: rgb(70, 74, 88);

    --kt-primary-badge-color: rgb(0, 76, 161);
    --kt-primary-badge-bg: rgb(214, 235, 255);

    --kt-red-badge-color: rgb(118, 29, 27);
    --kt-red-badge-bg: rgb(251, 215, 215);

    --kt-blue-badge-color: rgb(0, 61, 124);
    --kt-blue-badge-bg: rgb(214, 232, 255);

    --kt-green-badge-color: rgb(5, 87, 30);
    --kt-green-badge-bg: rgb(206, 239, 216);

    --kt-green-alert-color: rgb(5, 87, 30);
    --kt-green-alert-bg: rgb(223, 244, 230);

    --kt-blue-alert-color: rgb(0, 61, 124);
    --kt-blue-alert-bg: rgb(225, 239, 255);

    --kt-orange-alert-color: rgb(0, 76, 161);
    --kt-orange-alert-bg: rgb(225, 239, 255);

    --kt-red-alert-color: rgb(118, 29, 27);
    --kt-red-alert-bg: rgb(252, 229, 229);
}