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

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

  /* 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: #121621;
  --popup-primary-bg: var(--primary-bg);
  --mobile-bg: #131621;
  --app-bg: #0e121a;
  --black: #000;

  /* UI colors */
  --active-item-bg: #e5e508;
  --active-item-color: #171c27;
  --item-bg: #141823;
  --field-bg: #1d2333;
  --brand-svg-color: var(--primary-color);
  --title-pink: #eb1a6a;
  --mobile-title-color: #f8fe2e;
  --not-found-bg: #262e41;
  --row-table-bg: #262e41;

  /* Menu */
  --side-menu-bg: #181d2a;
  --side-menu-border: var(--common-border-color);
  --right-menu-btn-bg: var(--bottom-btn-bg);
  --sidemenu-category-title-bg: var(--title-pink);
  --submenu-item-color: var(--primary-color);
  --submenu-item-bg-color: #042816;
  --submenu-item-border-color: var(--active-item-bg);
  --submenu-item-hover-color: var(--active-item-bg);
  --submenu-inactive-color: #5f6a87;
  --submenu-bg: #161823;
  --menu-item-color: #5f6a87;
  --menu-item-inactive-color: #3b496c;

  /* Stories */
  --default-story-bg: rgba(255, 255, 255, 0.15);
  --new-story-gradient: linear-gradient(
    135deg,
    rgba(229, 229, 8, 1) 0%,
    rgba(212, 122, 116, 1) 50%,
    rgba(229, 229, 8, 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: #262c3f;
  --jackpot-card-border: var(--card-border);

  /* Coins exchange */
  --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: #262c3f;
  --stats-table-color: var(--primary-color);
  --stats-popup-bg: #262c3f;
  --stats-radius: 5px;

  /* Games */
  --all-slot-btn-bg: #f5f508;
  --games-wrapper-bg: var(--all-slot-btn-bg);
  --games-wrapper-title-color: var(--side-menu-bg);
  --games-wrapper-title-bg: #131621;

  /* Sliders */
  --event-slider-color: #191b27;
  --slider-shadow-bg: rgba(19, 22, 33, 1);
  --slider-pagination-color: #f8fe2e;
  --slider-btn-bg: #262c3f;

  /* Badges */
  --value-badge: #3cadff;
  --badge-inactive-bg: #868d93;
  --game-badge: #f6541a;

  /* Accordions */
  --accordion-btn-bg: #171d29;
  --accordion-special-btn-border: #d31fd3;
  --accordion-special-header-bg: linear-gradient(
    90deg,
    rgba(201, 17, 198, 1) 0%,
    rgba(212, 122, 116, 1) 50%,
    rgba(227, 227, 35, 1) 100%
  );

  /* Buttons */
  --close-btn-bg: #e51a51;
  --success-btn-bg: #27b40e;
  --common-btn-bg: #0fbe1c;
  --comment-btn-bg: #09aa4d;
  --secondary-btn-bg: #00b40e;
  --support-btn-bg: #09be39;
  --deposit-btn-bg: var(--support-btn-bg);
  --form-submit-bg: #00b40e;
  --form-submit-bg-2: #209d09;
  --logout-btn-bg: #a52130;
  --bottom-btn-bg: #29334b;
  --send-auth-btn-bg: #17908b;
  --send-auth-btn-bg-light: #09aa4d;
  --pagination-btn-bg: #272e40;
  --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: var(--gradient-whatsapp);
  --telegram-btn-bg: var(--gradient-telegram);
  --telegram-color: #00d6df;
  --whatsapp-color: #4cd03a;

  /* Header */
  --info-area-wide-btn-bg: linear-gradient(#25d366, #0088cc);

  /* Footer */
  --footer-bg: #0e121a;
  --footer-title-color: #f9fd17;
  --footer-follow-title-color: #f9fd17;
  --footer-info-color: var(--elem-placeholder-color);

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

  /* General components */
  --input-icon-bg: #181d2a;
  --datepicker-hover-bg: #5e5e5e;
  --entrance-footer-title-bg: var(--footer-title-color);
  --entrance-footer-title-color: var(--primary-bg);
  --provider-link-bg: var(--stats-table-bg);
  --award-scale-color: #43a63a;
  --elem-placeholder-color: #9ba3ba;
  --elem-placeholder-color-theme: var(--elem-placeholder-color);
  --title-highest-winners: var(--title-pink);

  /* Scrollbar */
  --scrollbar-thumb-hover-bg: #555;
  --scrollbar-thumb-bg: #e7d700;
  --scrollbar-track-bg: #767020;
  --scrollbar-thumb-bg-2: #f9fd17;
  --scrollbar-track-bg-2: #1c1c1c;

  /* Borders */
  --block-border: #262d41;
  --brand-border-color: var(--common-border-color);
  --arrow-btn-border: none;
  --arrow-border: #e4e624;
  --common-border-color: #37425f;
  --card-border: #444a5f;

  /* Status colors */
  --failed-color: #ff9900;
  --warning-color: #ff9900;
  --canceled-color: #ef255c;
  --rejected-color: #ef265c;
  --error-key-color: #ef4444;
  --processing-color: #3cadff;
  --confirmed-color: #1abe4b;
  --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(--scrollbar-thumb-bg);
  --account-tab-hover: #767020;

  /* 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: #ffc922;

  /* 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: #000000;

  /* Running line */
  --running-line-gradient-bg: linear-gradient(
    90deg,
    rgba(176, 7, 7, 1) 0%,
    rgba(128, 72, 0, 1) 18%,
    rgba(42, 115, 70, 1) 42%,
    rgba(77, 137, 150, 1) 61%,
    rgba(166, 154, 51, 1) 80%,
    rgba(75, 30, 105, 1) 96%
  );
  --running-line-match-bg: rgba(255, 255, 255, 0.1);
  --running-line-match-bg-hover: rgba(255, 255, 255, 0.3);

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

  /* !!!!!!! BRAND-SPECIFIC VARIABLES !!!!!!! */
  --game-link-border-mb: #5a5a5a;

  /* Jackpots */
  --jackpot-card-bg: var(--title-pink);

  /* Award wheel */
  --award-title-mb: #7a7e83;
  --award-progress-bar-mb: #154115;

  /* Tournaments page */
  --element-border: #18263e;
  --element-bright: #e7e403;
}
