:root {
  /* Typography */
  --font-family: 'Montserrat', sans-serif;
  --homepage-font-weight: 700;

  /* Indents */
  --desktop-game-section-paddings: 0px 0 20px;
  --desktop-game-section-big-paddings: 20px 0 20px;

  /* Components Shape  */
  --popup-border-radius: 20px;

  /* Base colors */
  --primary-color: #ffffff;
  --input-color-theme: var(--primary-color);
  --primary-color-theme: var(--primary-color);
  --primary-bg: #042014;
  --popup-primary-bg: var(--primary-bg);
  --mobile-bg: var(--primary-bg);
  --app-bg: var(--primary-bg);
  --black: #000;

  /* UI colors */
  --active-item-bg: #13df73;
  --active-item-color: #171c27;
  --item-bg: #1a312a;
  --field-bg: #19312a;
  --brand-svg-color: var(--active-item-bg);
  --title-pink: #eb1a6a;
  --mobile-title-color: var(--active-item-bg);
  --not-found-bg: #273c36;
  --row-table-bg: #273c36;

  /* Menu */
  --side-menu-bg: #082418;
  --side-menu-border: var(--common-border-color);
  --right-menu-btn-bg: var(--primary-bg);
  --sidemenu-category-title-bg: #248551;
  --submenu-item-color: #03371c;
  --submenu-item-bg-color: #042816;
  --submenu-item-border-color: #035128;
  --submenu-item-hover-color: #13df73;
  --submenu-inactive-color: #5f6a87;
  --submenu-bg: #161823;
  --menu-item-color: #a5aab3;
  --menu-item-inactive-color: #3b496c;

  /* Stories */
  --default-story-bg: rgba(255, 255, 255, 0.15);
  --new-story-gradient: linear-gradient(
    135deg,
    rgba(37, 80, 53, 1) 0%,
    rgba(101, 205, 178, 1) 50%,
    rgba(37, 80, 53, 1) 100%
  );
  --default-story-progress: var(--default-story-bg);
  --active-story-progress: rgba(255, 255, 255, 0.7);
  --default-like-icon: var(--active-story-progress);
  --active-like-icon: var(--close-btn-bg);

  /* Jackpots */
  --jackpot-bg: var(--side-menu-bg);
  --jackpot-card-border: var(--jackpot-bg);

  /* Coins exchange */
  --modal-exchange-balance: var(--row-table-bg);
  --modal-exchange-balance-border: transparent;
  --modal-exchange-balance-button: var(--primary-color);
  --positive-sparkline-highlight-color: #67c989;
  --negative-sparkline-highlight-color: #e7bdc7;
  --negative-sparkline-color: #d9342a;

  /* Stats */
  --stats-active-bg: var(--active-item-bg);
  --stats-active-color: #181d2a;
  --stats-table-bg: var(--dark-gradient-color2);
  --stats-table-color: var(--primary-color);
  --stats-popup-bg: var(--dark-gradient-color2);
  --stats-radius: 5px;

  /* Games */
  --all-slot-btn-bg: var(--active-item-bg);
  --games-wrapper-bg: var(--active-item-bg);
  --games-wrapper-title-color: var(--primary-color);
  --games-wrapper-title-bg: var(--primary-bg);

  /* Sliders */
  --event-slider-color: var(--primary-bg);
  --slider-shadow-bg: var(--primary-bg);
  --slider-pagination-color: var(--primary-color);
  --slider-btn-bg: var(--primary-bg);

  /* Badges */
  --value-badge: #2181c5;
  --badge-inactive-bg: #868d93;
  --game-badge: #f6541a;

  /* Accordions */
  --accordion-btn-bg: var(--stats-table-bg);
  --accordion-special-btn-border: var(--active-item-bg);
  --accordion-special-header-bg: #2e6d5b;

  /* Buttons */
  --close-btn-bg: #e51a51;
  --success-btn-bg: #27b40e;
  --common-btn-bg: #0fbe1c;
  --comment-btn-bg: #09aa4d;
  --secondary-btn-bg: var(--active-item-bg);
  --support-btn-bg: #09be39;
  --deposit-btn-bg: var(--active-item-bg);
  --form-submit-bg: var(--active-item-bg);
  --form-submit-bg-2: #209d09;
  --logout-btn-bg: #a52130;
  --bottom-btn-bg: #02301a;
  --send-auth-btn-bg: var(--accordion-special-header-bg);
  --send-auth-btn-bg-light: var(--active-item-bg);
  --pagination-btn-bg: #273c36;
  --hover-btn-color: #baae07;

  /* Socials */
  --gradient-whatsapp: linear-gradient(90deg, rgba(19, 106, 51, 1) 0%, rgba(37, 211, 102, 1) 100%);
  --gradient-telegram: linear-gradient(90deg, rgba(0, 68, 102, 1) 0%, rgba(0, 136, 204, 1) 100%);
  --whatsapp-btn-bg: #29825a;
  --telegram-btn-bg: #1b5074;
  --telegram-color: #00d6df;
  --whatsapp-color: #4cd03a;

  /* Header */
  --info-area-wide-btn-bg: linear-gradient(var(--active-item-bg), var(--dark-gradient-color));

  /* Footer */
  --footer-bg: var(--dark-gradient-color2);
  --footer-title-color: #66aa93;
  --footer-follow-title-color: var(--primary-color);
  --footer-info-color: var(--footer-title-color);

  /* Bottom bar*/
  --bottom-bar-active-color: var(--primary-color);

  /* General components */
  --input-icon-bg: #0f241e;
  --datepicker-hover-bg: #5e5e5e;
  --entrance-footer-title-bg: var(--footer-bg);
  --entrance-footer-title-color: var(--primary-color);
  --provider-link-bg: var(--dark-gradient-color2);
  --award-scale-color: #42a93e;
  --award-scale-slider-color: #38923c;
  --elem-placeholder-color: #35584d;
  --elem-placeholder-color-theme: var(--elem-placeholder-color);
  --title-highest-winners: var(--menu-button-gradient2);

  /* Scrollbar */
  --scrollbar-thumb-hover-bg: #555;
  --scrollbar-thumb-bg: var(--active-item-bg);
  --scrollbar-track-bg: var(--primary-bg);
  --scrollbar-thumb-bg-2: #f9fd17;
  --scrollbar-track-bg-2: #1c1c1c;

  /* Borders */
  --block-border: #2a4038;
  --brand-border-color: var(--common-border-color);
  --arrow-btn-border: 1px solid var(--brand-border-color);
  --arrow-border: var(--active-item-bg);
  --common-border-color: #13df73;
  --card-border: var(--common-border-color);

  /* Status colors */
  --failed-color: #ffdb00;
  --warning-color: #ff9900;
  --canceled-color: #ef255c;
  --rejected-color: #ef265c;
  --error-key-color: #ef4444;
  --processing-color: #3cadff;
  --confirmed-color: var(--comment-btn-bg);
  --cancel-color-light: #ff6b9d26;
  --cancel-color-pink: #ff6b9d;
  --danger-color: #ff5f78;
  --danger-color-light: #ff5f7859;
  --danger-color-muted: #ff5f781f;

  /* Interaction states */
  --bottom-btn-hover-bg: var(--active-item-bg);
  --account-tab-hover: #2e6d5b;

  /* Blog */
  --blog-section-bg: #1c202c;
  --blog-btn-gradient: linear-gradient(90deg, rgba(42, 49, 68, 1) 0%, rgba(29, 36, 55, 1) 100%);
  --blog-active-tab-bg: rgba(255, 255, 0, 0.164);

  /* Most Slot Wins */
  --slot-wins-image-bg: #1a1919;
  --slot-wins-button-bg: linear-gradient(90deg, rgba(110, 15, 44, 1) 0%, rgba(206, 16, 74, 1) 100%);
  --slot-wins-footer-bg: rgba(0, 0, 0, 0.6);

  /* Wallets */
  --wallet-theme-color: var(--active-item-bg);

  /* Disabled colors */
  --disabled-color: rgb(255, 255, 255, 0.3);
  --disabled-color-bg: rgba(143, 171, 137, 0.3);

  /* Drop Win */
  --shadow-light: rgba(255, 255, 255, 0.5);
  --shadow-middle: rgba(255, 255, 255, 0.3);
  --shadow-dark: rgba(255, 255, 255, 0.1);
  --gold-gradient: linear-gradient(45deg, #d4af37, #f7e98e, #b8860b);
  --gold-gradient-dark: linear-gradient(
    180deg,
    #fbea4d 15%,
    #de9e1e 45%,
    #8a5f0a 60%,
    #d3961b 100%
  );
  --white-gradient: linear-gradient(180deg, #ffffff 10%, #e6e6e6 40%, #cfcfcf 60%, #f5f5f5 100%);
  --amount-card-gradient: linear-gradient(to top right, var(--jackpot-bg), var(--shadow-middle));
  --jackpot-bigwin-gradient: linear-gradient(to top right, #1d4a21, #468e39);
  --jackpot-kingroyal-gradient: linear-gradient(to top right, #f432a3, #6806a1);
  --jackpot-meritking-bg: #102154;
  --jackpot-default-bg: #326c2d;

  /* Hight slot */
  --high-slot-footer-bg: rgb(4 32 20 / 85%);

  /* !!!!!!! BRAND-SPECIFIC VARIABLES !!!!!!! */

  /* SVG colors (only for KB) */
  --light-svg-color: #b2e6c7;
  --dark-svg-color: #468961;

  /* Text colors (only for KB) */
  --secondary-color: #d5ffef;

  /* Menu colors (only for KB) */
  --menu-border-color: #0d2f20;

  /* Gradient colors (only for KB) */
  --dark-gradient-color: #052c19;
  --dark-gradient-color2: #093b21;
  --light-gradient-color: #3d7852;
  --menu-button-gradient: linear-gradient(
    90deg,
    var(--dark-gradient-color),
    var(--light-gradient-color)
  );
  --menu-button-gradient2: linear-gradient(
    90deg,
    var(--dark-gradient-color2),
    var(--light-gradient-color)
  );

  /* Jackpots (only for KB) */
  --jackpot-primary: var(--primary-color);
  --jackpot-bright: #ff9530;
  --jackpot-shadow: rgba(0, 0, 0, 0.5);
  --jackpot-total-win-bg: rgba(255, 255, 255, 0.1);
  --jackpot-bg-main: linear-gradient(
    45deg,
    rgba(6, 8, 7, 1) 0%,
    rgba(70, 85, 79, 1) 25%,
    rgba(54, 54, 54, 1) 50%,
    rgba(70, 85, 79, 1) 75%,
    rgba(6, 8, 7, 1) 100%
  );
  --jackpot-bg-main-outer: linear-gradient(
    90deg,
    rgba(101, 112, 108, 1) 0%,
    rgba(51, 63, 72, 1) 1%,
    rgba(51, 63, 72, 1) 99%,
    rgba(101, 112, 108, 1) 100%
  );

  --jackpot-inner-bg-1: linear-gradient(
    90deg,
    rgba(122, 102, 220, 1) 0%,
    rgba(168, 156, 236, 1) 50%,
    rgba(122, 102, 220, 1) 100%
  );
  --jackpot-inner-bg-2: linear-gradient(
    90deg,
    rgba(243, 177, 20, 1) 0%,
    rgba(228, 197, 125, 1) 50%,
    rgba(243, 177, 20, 1) 100%
  );
  --jackpot-inner-bg-3: linear-gradient(
    90deg,
    rgba(91, 111, 137, 1) 0%,
    rgba(154, 183, 215, 1) 50%,
    rgba(91, 111, 137, 1) 100%
  );
  --jackpot-inner-bg-4: linear-gradient(
    90deg,
    rgba(66, 81, 94, 1) 0%,
    rgba(135, 156, 173, 1) 50%,
    rgba(66, 81, 94, 1) 100%
  );

  --jackpot-outer-bg-1: linear-gradient(
    90deg,
    rgba(189, 189, 189, 1) 0%,
    rgba(186, 176, 255, 1) 50%,
    rgba(189, 189, 189, 1) 100%
  );
  --jackpot-outer-bg-2: linear-gradient(
    90deg,
    rgba(213, 213, 206, 1) 0%,
    rgba(243, 177, 20, 1) 50%,
    rgba(213, 213, 206, 1) 100%
  );
  --jackpot-outer-bg-3: linear-gradient(
    90deg,
    rgba(165, 181, 204, 1) 0%,
    rgba(88, 112, 140, 1) 50%,
    rgba(165, 181, 204, 1) 100%
  );
  --jackpot-outer-bg-4: linear-gradient(
    90deg,
    rgba(173, 184, 199, 1) 0%,
    rgba(173, 184, 199, 1) 50%,
    rgba(173, 184, 199, 1) 100%
  );

  --jackpot-footer-bg: linear-gradient(
    153deg,
    rgba(21, 36, 29, 1) 0%,
    rgba(84, 125, 105, 1) 50%,
    rgba(21, 36, 29, 1) 100%
  );
  --jackpot-footer-laptop-bg: linear-gradient(
    90deg,
    rgba(21, 36, 29, 1) 0%,
    rgba(84, 125, 105, 1) 50%,
    rgba(21, 36, 29, 1) 100%
  );
  --jackpot-border-bg: #ca0000;

  /* Bottom bar color (only for BS and KB) */
  --bottom-bar-color: #13df73;
  --bottom-bar-logo-color: #002113;

  /* Finance (only for KB) */
  --finance-bg: #2b2f3b;
  --finance-border: #82d3a347;
  --finance-border-active: #2fff8659;
  --finance-error: #d31347;
  --finance-card-bg: #0f2419;
  --finance-card-bg-dark: #0f2419f2;
  --finance-card-bg-light: #2ae4781a;
  --finance-card-gradient: linear-gradient(180deg, var(--finance-card-bg), #0c1e15);
  --finance-card-gradient-warning: linear-gradient(
    90deg,
    var(--finance-card-bg-light),
    var(--finance-card-bg-dark)
  );
  --finance-card-gradient-active: linear-gradient(180deg, #123020, #0e2218);
  --color-muted: #94af9f;
  --color-dark: #03210d;
  --color-light: #e9f8ee;

  /* TOP WINNINGS (only for KB) */
  --win-corner-shadow:
    0 0px 30px -8px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(100, 255, 100, 0.4),
    0 0 6px rgba(80, 255, 80, 0.5);
  --win-corner-shadow-hover: 0 15px 40px rgba(0, 0, 0, 0.5), 0 0 30px rgba(255, 215, 0, 0.4);
  --win-corner-bg: linear-gradient(
    145deg,
    #2ecc40 0%,
    #27ae60 15%,
    #9bff5e 30%,
    #f1c40f 55%,
    #d4ac0d 75%,
    #f9e45b 90%,
    #2ecc40 100%
  );
  --win-corner-bg-after: radial-gradient(
    ellipse at 80% 80%,
    rgba(255, 240, 120, 0.9) 0%,
    rgba(255, 200, 60, 0.6) 30%,
    transparent 70%
  );
  --win-slot-bg: radial-gradient(ellipse at 30% 20%, #0d1f12, #051007);
  --win-slot-shadow: inset 0 0 25px rgba(0, 20, 0, 0.7), inset 0 1px 1px rgba(200, 255, 100, 0.1);
  --win-footer-bg: rgb(4 32 20 / 85%);
  --win-footer-shadow: inset 0 0 30px rgba(80, 255, 80, 0.1), inset 0 0 5px rgba(255, 220, 80, 0.2);
  --win-name: #f7e956;
  --win-arrow-border-color: rgba(120, 255, 120, 0.9);
  --win-arrow-shadow:
    0 18px 30px -8px rgba(0, 0, 0, 0.8), 0 0 0 1px rgb(191 165 17), 0 0 6px rgb(176 155 17);
  --win-svg: rgb(226 225 114);
  --win-arrow-disabled: rgba(0, 0, 0, 0.9);
  --win-arrow-disabled-shadow: rgba(255, 215, 0, 0.5);

  /* Virtual Bet Popup title (only fr KB) */
  --popup-title-background-color: #13df73;
}