:root {
  /*Design System Color*/
  --base-900: #0b0a14;
  --base-800: #0e0d1f;
  --base-700: #17162b;
  --base-600: #1e1c36;
  --base-500: #272445;
  --base-400: #383559;
  --base-300: #6d6b8c;
  --base-200: #afadc4;
  --base-100: #cdccda;
  --base-50: #f0f0f5;
  --base-0: #ffffff;

  --brand-main: #8b0fff;

  --accent-lilac: #b685ff;
  --accent-soft-pink: #ff9bfc;
  --accent-pink: #ff30ff;
  --accent-dark-pink: #a61ba6;
  --accent-blue: #5011e7;
  --accent-slots-border: #9747ff;

  --gradient-no-1: linear-gradient(90deg, #160d3a 0%, #ce20ce 100%);
  --gradient-no-2: linear-gradient(90deg, #540999 0%, #8b0fff 100%);
  --gradient-no-3: linear-gradient(90deg, #17162b 0%, #272445 100%);

  --interaction-primary-light: #9f5eff;
  --interaction-primary-main: #8b0fff;
  --interaction-primary-dark: #770de0;

  --interaction-secondary-light: #40398f;
  --interaction-secondary-main: #28226b;
  --interaction-secondary-dark: #201b5e;

  --disabled-light: #7c7b89;
  --disabled: #393747;
  --disabled-dark: #181726;

  --system-information-light: #80bbff;
  --system-information-main: #2189ff;
  --system-information-dark: #116cd4;

  --system-success-light: #8fff70;
  --system-success-main: #5cf333;
  --system-success-dark: #56d42c;

  --system-warning-light: #ffa72b;
  --system-warning-main: #f29c24;
  --system-warning-dark: #de8f21;

  --system-error-light: #ff4548;
  --system-error-main: #f33336;
  --system-error-dark: #d12c2e;

  --missions-slots: #29114b;
  --missions-roulette: #301831;
  --missions-sports: #1d1252;
  --missions-blackjack: #2a0927;

  --base-0-filter: brightness(0) saturate(100%) invert(100%) brightness(100%) contrast(100%);
  --base-50-filter: brightness(0) saturate(100%) invert(96%) sepia(6%) saturate(120%) hue-rotate(210deg)
    brightness(102%) contrast(98%);
  --base-200-filter: brightness(0) saturate(100%) invert(76%) sepia(8%) saturate(537%) hue-rotate(206deg)
    brightness(93%) contrast(85%);

  /*fonts*/
  --font-main: var(--font-barlow-semi-condensed);
  --font-secondary: var(--font-barlow);

  --modal-tablet-with: 767px;
  --modal-desktop-with: 1216px;

  --modal-z-index: 105;
  --modal-overlay-z-index: 100;

  --avatar-border-radius: 50%;

  --offer-height: 30px;

  /*ui*/
  --header-background: #0b0a14;
  --body-background-color: #0e0d1f;

  --tournament-card-width-large: 568px;
  --tournament-card-width-small: 358px;
  --tournament-card-height-large: 222px;
  --tournament-card-height-small: 168px;
}