/*
* Styles for light theme
*/

:root {
--main-bg-color: #f5f6f8;
--secondary-bg-color: #f0f2f5;
--tertiary-bg-color: #dadde0;
--quaternary-bg-color: #e5e7e9;
--image-bg-color: #ffffff;
--main-color: #1d1d1f;
--secondary-color: #67676b;
--tertiary-color: #67676b;
--quaternary-color: #acb4c5;
--attention-color: #d0112b;
--link-color: #0066cc;
--seconday-link-color: #e17055;
--disabled-color: rgba(0, 0, 0, 0.8);
--seconday-disabled-color: rgba(0, 0, 0, 0.42);
--tertiary-disabled-color: rgba(0, 0, 0, 0.32);
--link-disabled-color: var(--tertiary-disabled-color);
--hover-color: rgba(0, 0, 0, 0.12);
--seconday-hover-color: rgba(255, 255, 255, 0.08);
--tertiary-hover-color: rgba(0, 0, 0, 0.04);
--error-color: #d0112b;
--info-color: #218c74;
--warning-color: #cf8619;
--event-color: #ffeaa7;
--win-color: #48b863;
--draw-color: #efc45a;
--loss-color: #e42a48;
--win-bg-color: #92f4bb;
--draw-bg-color: #f5d76e;
--loss-bg-color: #f9594a;

--nav-bg-color: #141414;
--nav-bg-hover-color: var(--seconday-hover-color);
--nav-hover-color: #ffffff;
--nav-border-color: var(--seconday-hover-color);
--nav-link-color: #f5f5f7;
--nav-title-color: #dfe4ea;
--nav-filter: invert(95%);
--nav-filter-hover-color: var(--hover-color);

--date-nav-bg-color: var(--quaternary-bg-color);
--date-nav-border-color: var(--secondary-bg-color);
--date-nav-btn-color: var(--tertiary-bg-color);
--date-nav-btn-hover-color: var(--tertiary-hover-color);
--date-nav-filter: invert(0%) sepia(2%) saturate(1941%) hue-rotate(351deg) brightness(104%) contrast(84%);
--date-nav-disabled-filter: invert(100%) sepia(1%) saturate(1984%) hue-rotate(176deg) brightness(94%) contrast(94%);

--header-color: var(--secondary-bg-color);
--footer-color: var(--secondary-bg-color);
--footer-cp-color: var(--secondary-color);
--footer-link-color: var(--link-color);
--footer-notice-color: var(--attention-color);
--footer-notice-link-color: var(--seconday-link-color);

--settings-screen-disabled-color: var(--disabled-color);
--settings-bg-header-color: var(--tertiary-bg-color);
--settings-bg-header-hover-color: var(--hover-color);
--settings-header-color: var(--main-color);
--settings-bg-color: var(--main-bg-color);
--settings-label-color: var(--main-color);
--settings-link-color: var(--link-color);
--settings-hover-color: var(--quaternary-bg-color);
--settings-positive-color: var(--info-color);
--settings-negative-color: var(--error-color);
--settings-select-filter: invert(42%) sepia(51%) saturate(634%) hue-rotate(160deg) brightness(95%) contrast(99%);
--settings-link-filter: invert(42%) sepia(51%) saturate(634%) hue-rotate(160deg) brightness(95%) contrast(99%);
--settings-bg-header-filter: invert(59%) sepia(6%) saturate(202%) hue-rotate(202deg) brightness(88%) contrast(94%);
--settings-positive-filter: invert(53%) sepia(10%) saturate(2402%) hue-rotate(116deg) brightness(83%) contrast(99%);
--settings-negative-filter: invert(29%) sepia(86%) saturate(3600%) hue-rotate(336deg) brightness(77%) contrast(118%);

--game-title-bg-color: var(--tertiary-bg-color);
--game-title-color: var(--secondary-color);
--game-secondary-color: var(--tertiary-color);
--game-bg-color: var(--secondary-bg-color);
--game-odds-color: var(--main-color);
--game-odds-secondary-color: var(--secondary-color);
--game-border-color: var(--secondary-bg-color);
--game-hover-color: var(--secondary-bg-color);
--game-live-color: var(--attention-color);
--game-event-color: var(--event-color);
--game-psp-color: var(--event-color);
--game-selected-color: var(--event-color);
--game-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.04);

--tip-win-color: var(--info-color);
--tip-loss-color: var(--error-color);
--tip-nobet-color: var(--draw-color);
--tip-psp-color: var(--quaternary-color);
--balance-positive-color: var(--info-color);
--balance-negative-color: var(--error-color);

--facts-bg-color: var(--secondary-bg-color);
--facts-hover-color: var(--hover-color);

--expand-filter: invert(0%) sepia(2%) saturate(1941%) hue-rotate(351deg) brightness(104%) contrast(84%);
--expand-btn-hover-color: var(--tertiary-hover-color);

--form-game-hover-color: var(--tertiary-hover-color);
--form-game-filter-0: invert(15%) sepia(90%) saturate(2692%) hue-rotate(198deg) brightness(98%) contrast(102%);
--form-game-filter-1: invert(59%) sepia(15%) saturate(3415%) hue-rotate(185deg) brightness(91%) contrast(88%);
--form-game-filter-2: invert(78%) sepia(8%) saturate(1982%) hue-rotate(181deg) brightness(98%) contrast(87%);

--stp01: #2ecc71;
--stp02: #92f4bb;
--stp03: #58aee8;
--stp04: #79c7fc;
--stp05: #f9594a;
--stp06: #f9a931;
--stp07: #8fcdf7;
--stp08: #58aee8;
--stp09: #48d1cc;
--stp10: #5efff6;
--stp11: #9fe0dc;

--logo-filter: invert(58%) sepia(3%) saturate(455%) hue-rotate(201deg) brightness(91%) contrast(87%);
--logo-light-filter: invert(100%) sepia(73%) saturate(801%) hue-rotate(177deg) brightness(102%) contrast(84%);
--logo-origin-filter: invert(42%) sepia(5%) saturate(265%) hue-rotate(201deg) brightness(92%) contrast(87%);

--form-button-color: #f5f5f7;
--form-button-bg-color: #2267ac;
--form-button-hover-color: #2776c4;
--form-button-disabled-color: #e8e8f2;
--form-button-bg-disabled-color: #adc0d3;
--form-focus-color: rgba(0, 0, 0, 0.32);
--form-border: 1px solid rgba(0, 0, 0, 0.16);
--form-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
--form-placeholder-color: var(--quaternary-color);
--form-error-color: #ebd9db;
--form-checkbox-filter: grayscale(48%);
--form-checkbox-bg-color: var(--image-bg-color);
--form-checkbox-border-color: var(--secondary-color);
--form-checkbox-border-hover-color: var(--form-button-hover-color);
--form-checkbox-bg-disabled-color: var(--quaternary-bg-color);
--form-checkbox-border-disabled-color: var(--tertiary-bg-color);
--form-checkbox-disabled-color: var(--seconday-disabled-color);
--form-checkbox-disabled-filter: invert(48%) sepia(56%) hue-rotate(157deg);
--slider-bg-color: var(--tertiary-bg-color);
--slider-button-color: var(--form-button-bg-color);
--slider-button-hover-color: var(--form-button-hover-color);
--slider-bg-disabled-color: var(--quaternary-bg-color);
--slider-button-disabled-color: var(--tertiary-bg-color);
--close-button-filter: invert(100%);
--bet-button-bg-color: #b33939;
--bet-button-color: var(--form-button-color);
--bet-button-hover-color: var(--attention-color);

--avatar-filter: invert(93%) sepia(3%) saturate(217%) hue-rotate(169deg) brightness(96%) contrast(91%);
--avatar-admsys-filter: invert(84%) sepia(4%) saturate(202%) hue-rotate(169deg) brightness(96%) contrast(88%);
--avatar-admsys-filter-2: invert(22%) sepia(63%) saturate(6017%) hue-rotate(342deg) brightness(80%) contrast(105%);
--avatar-bg-color: unset;

--ranking-filter: invert(78%) sepia(84%) saturate(3386%) hue-rotate(358deg) brightness(96%) contrast(77%);

--profile-nav-bg-color: var(--quaternary-bg-color);
--profile-nav-link-color: #b33939;
--profile-ro-color: #b33939;
--profile-cancel-color: #b33939;
--profile-cancel-bg-color: var(--tertiary-bg-color);
--profile-cancel-hover-color: var(--hover-color);
--profile-delimiter-color: rgba(0, 0, 0, 0.12);
--profile-disabled-color: var(--tertiary-color);
--profile-nav-hover-color: var(--tertiary-hover-color);
--profile-nav-filter: invert(6%) sepia(1%) saturate(5041%) hue-rotate(201deg) brightness(93%) contrast(87%);
--profile-label-color: var(--main-color);
--profile-link-color: var(--link-color);
--profile-msg-color: var(--attention-color);
--profile-hover-color: var(--quaternary-bg-color);
--profile-link-filter: invert(42%) sepia(51%) saturate(634%) hue-rotate(160deg) brightness(95%) contrast(99%);

--profile-country-bg-color: var(--quaternary-bg-color);
--profile-country-header-bg-color: #edeef0;
--profile-country-selected-color: #ced0d2;
--profile-country-hover-color: #acadaf;
--profile-country-bg-header-filter: invert(59%) sepia(6%) saturate(202%) hue-rotate(202deg) brightness(88%) contrast(94%);
--profile-country-link-color: var(--link-color);

--sort-disabled-color: var(--tertiary-disabled-color);
--sort-disabled-filter: invert(83%) sepia(6%) saturate(39%) hue-rotate(169deg) brightness(90%) contrast(97%);

--img-button-hover-color: var(--tertiary-hover-color);
--img-button-filter: invert(25%) sepia(95%) saturate(1726%) hue-rotate(195deg) brightness(93%) contrast(102%);

--profile-msg-secondary: var(--secondary-color);
--profile-msg-tertiary: var(--quaternary-color);
--profile-msg-indicator: invert(43%) sepia(3%) saturate(411%) hue-rotate(202deg) brightness(92%) contrast(93%);
--profile-chat-color: var(--main-color);
--profile-chat-time-color: var(--quaternary-color);
--profile-chat-user-bg-color: #9fe0dc;
--profile-chat-other-bg-color: var(--tertiary-bg-color);
--profile-chat-conv-bg-color: var(--tertiary-bg-color);
--profile-chat-button: invert(90%) sepia(1%) saturate(225%) hue-rotate(201deg) brightness(108%) contrast(96%);
--profile-chat-system-color: var(--attention-color);
--profile-chat-admin-color: var(--attention-color);
--profile-chat-empty-color: var(--attention-color);
--profile-chat-indicator-filter: invert(87%) sepia(43%) saturate(668%) hue-rotate(61deg) brightness(101%) contrast(101%);
}


img[src="/svg/tipsomatic.svg"] {
filter: var(--logo-filter);
}