/*
 * DistrictBet theme. Loaded after /_cb/all.css and re-points its design tokens
 * (--main-*, --alternative-*, --system-*, --subdued-*, --normal-*) at the emerald + gold palette.
 */
:root,
html .deposit-light-theme,
html .deposit-dialog-failed.deposit-light-theme,
html .deposit-redirect-dialog.deposit-light-theme {
  color-scheme: dark;

  --db-bg: #040a07;
  --db-bg-2: #07120d;
  --db-panel: #0b1812;
  --db-panel-2: #0f2219;
  --db-panel-3: #143023;
  --db-line: rgba(232, 241, 236, 0.08);
  --db-line-gold: rgba(240, 194, 75, 0.22);
  --db-em: #1fd18f;
  --db-em-2: #10b981;
  --db-em-deep: #0a5c3f;
  --db-gold: #f0c24b;
  --db-gold-2: #ffd978;
  --db-gold-deep: #b9801f;
  --db-cream: #fff6d6;
  --db-text: #e8f1ec;
  --db-muted: #8ea59a;
  --db-red: #ff4d5e;
  --db-orange: #ff9f43;
  --db-gold-btn: linear-gradient(180deg, #ffe9a3 0%, #f5c54d 45%, #d89a2a 100%);
  --db-em-btn: linear-gradient(180deg, #34e3a2 0%, #10b981 55%, #0a8f62 100%);
  --db-display: "Unbounded Variable", "Unbounded", system-ui, sans-serif;
  --db-body: "Manrope Variable", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --main-00: var(--db-text);
  --main-10: var(--db-bg);
  --main-100: var(--db-gold);
  --main-200: var(--db-muted);
  --main-300: var(--db-gold);
  --main-400: var(--db-em);
  --main-500: var(--db-gold);
  --main-600: #d89a2a;
  --main-700: #1d3a2c;
  --main-800: var(--db-panel-3);
  --main-900: var(--db-em);
  --main-1000: var(--db-panel-2);
  --main-1100: #091510;
  --main-1200: var(--db-panel);
  --main-1300: var(--db-panel);
  --main-1400: var(--db-bg);
  --main-1500: #06100b;
  --main-1600: var(--db-panel);
  --main-1700: #ffffff;
  --main-1800: #030806;

  --alternative-00: #ffffff;
  --alternative-10: var(--db-gold);
  --alternative-20: var(--db-gold-2);
  --alternative-30: rgba(232, 241, 236, 0.1);
  --alternative-40: #ffffff;
  --alternative-50: #ffffff;
  --alternative-60: var(--db-em);
  --alternative-70: var(--db-em);
  --alternative-80: var(--db-em-2);
  --alternative-90: #ffffff;
  --alternative-100: var(--db-em);

  --system-secondary-brand: var(--db-gold);
  --system-warning: var(--db-orange);
  --system-success: var(--db-em);
  --system-error: var(--db-red);

  --subdued-40: rgba(232, 241, 236, 0.4);
  --subdued-20: rgba(232, 241, 236, 0.2);
  --subdued-10: rgba(232, 241, 236, 0.1);
  --subdued-5: rgba(232, 241, 236, 0.05);
  --normal-80: rgba(232, 241, 236, 0.8);
  --normal-40: rgba(232, 241, 236, 0.4);
  --normal-30: rgba(232, 241, 236, 0.3);
  --normal-10: rgba(232, 241, 236, 0.1);
  --normal-5: rgba(232, 241, 236, 0.05);
  --black-85: rgba(2, 6, 4, 0.85);

  --text-primary: var(--db-text);
  --text-secondary: var(--db-muted);
  --text-accent: var(--db-gold-2);
  --text-navigation-active: var(--db-em);
  --text-navigation-links-brand: var(--db-em);
  --text-button-primary: #1a1204;
  --text-button-hover: #1a1204;
  --text-button-selected: #1a1204;
  --text-button-brand: #04140d;
  --icon-aside-menu: var(--db-em);
  --icon-current: var(--db-em);
  --icon-favorite-pressed: var(--db-gold);

  --button-primary-default: var(--db-gold);
  --button-primary-hover: var(--db-gold-2);
  --button-primary-selected: #d89a2a;
  --button-primary-disabled: rgba(232, 241, 236, 0.06);
  --button-brand: var(--db-em-2);
  --button-tertiary: var(--db-em-2);
  --button-telegram: #229ed9;
  --button-alternative-primary: var(--db-gold);
  --button-alternative-primary-hover: var(--db-gold-2);
  --button-alternative-primary-text: #1a1204;

  --bg-card: var(--db-panel);
  --bg-modal: var(--db-panel);
  --bg-alerts: var(--db-panel-2);
  --bg-tooltip: var(--db-panel-3);
  --bg-divider: var(--db-line);
  --bg-promo-label: var(--db-gold);
  --surface-body: var(--db-bg);
  --surface-header: #06100b;
  --surface-subheader: #06100b;
  --surface-subheader-secondary: #06100b;
  --surface-footer: #030806;
  --surface-aside-menu: var(--db-bg-2);
  --surface-bottom-bar: #06100b;
  --surface-popup: var(--db-panel);
  --surface-game-block: var(--db-panel-2);
  --surface-secondary: #091510;
  --surface-progress-bar: var(--db-em);
  --surface-accent: var(--db-gold);

  --border-default: var(--db-line);
  --border-active: var(--db-em);
  --border-accent: var(--db-gold);
  --border-input-active: var(--db-em);
  --border-input-inactive: var(--db-line);
  --bg-input-default: #091510;
  --bg-input-disabled: #07110c;
  --dropdown-bg-default: var(--db-panel-2);
  --dropdown-border-default: var(--db-line);

  --bonus-button-primary: var(--db-gold);
  --bonus-button-text-primary: #1a1204;
}

html,
body {
  background: var(--db-bg);
  color: var(--db-text);
}

body,
button,
input,
select,
textarea,
.v-application,
.v-btn,
.v-field {
  font-family: var(--db-body) !important;
}

h1,
h2,
.pages-title,
.page-title,
.v-card-title {
  font-family: var(--db-display) !important;
  letter-spacing: -0.01em;
}

::selection {
  background: rgba(31, 209, 143, 0.35);
  color: #fff;
}

* {
  scrollbar-color: var(--db-panel-3) transparent;
}

/* Dark SVGs disappear on the emerald cards and sidebars. */
.top-sections__img[src$=".svg"],
.entertainment-info__activity-ico {
  filter: brightness(0) invert(0.78);
}

.providers-card img:not([src*="/db/logo"]) {
  filter: brightness(0) invert(0.72);
}

.footer__providers .providers__item.color-black {
  color: #d7e0db !important;
}
.footer__providers .providers__icon [fill="black"],
.footer__providers .providers__icon [fill="#000"],
.footer__providers .providers__icon [fill="#000000"] {
  fill: #d7e0db;
}
.footer__providers .providers__item[data-auto-test-el*="exclusive"] .providers__icon [fill="black"] {
  fill: #000;
}

.bottom-nav svg path[fill="#343131"] {
  fill: #d7e0db;
}
.bottom-nav__title {
  color: #c5d4cc;
}
.bottom-nav .active-link svg path[fill="#343131"] {
  fill: var(--db-em);
}
.bottom-nav .active-link .bottom-nav__title {
  color: var(--db-em);
}
.header__burger-icon {
  color: #e8f1ec;
}

.l-leftbar .cat-menu__icon,
.l-leftbar .cat-filter-icon__img,
.cat-filter .cat-filter-icon__img {
  filter: brightness(0) invert(0.86);
}

.l-rightbar .cat-nav__icon path,
.l-rightbar svg path[fill="#555555"] {
  fill: #d7e0db;
}