:root {
  /*Design System Color*/
  --base-1000: #0c0c0e;
  --base-900: #141417;
  --base-800: #1d1d21;
  --base-700: #232329;
  --base-600: #2c2c33;
  --base-500: #383840;
  --base-400: #5b5b63;
  --base-300: #85858c;
  --base-200: #ababb0;
  --base-100: #d3d3d6;
  --base-50: #f4f4f5;
  --base-0: #ffffff;

  --brand-700: #c29e5e;
  --brand-500: #e6be77;
  --brand-300: #fbdfa2;
  --brand-gradient: linear-gradient(180deg, #eac367 0%, #fee3aa 31.5%, #cd9640 72.5%, #eebe7a 100%);

  --base-0-filter: brightness(0) saturate(100%) invert(100%) brightness(100%) contrast(100%);

  --interaction-surface-primary-light: linear-gradient(180deg, #efdaab 0%, #f9eedb 31%, #d4af75 73%, #eac48e 92.5%);
  --interaction-surface-primary-main: linear-gradient(180deg, #eac367 0%, #fee3aa 31.5%, #cd9640 72.5%, #eebe7a 100%);
  --interaction-surface-primary-dark: linear-gradient(180deg, #bf9c49 0%, #dbc18a 31%, #a17228 72.5%, #c29657 100%);
  --interaction-surface-delete-light: linear-gradient(180deg, #f78b8b 0%, #fec1c1 31.5%, #f07a7a 72.5%, #f78686 100%);
  --interaction-surface-delete-main: linear-gradient(180deg, #ff4f4f 0%, #fea0a0 31.5%, #f04141 72.5%, #d96262 100%);
  --interaction-surface-delete-dark: linear-gradient(180deg, #e54747 0%, #fe8787 31.5%, #c73232 72.5%, #bf5656 100%);
  --interaction-surface-disabled-main: linear-gradient(180deg, #696969 0%, #858585 31.5%, #4a4a4a 72.5%, #616161 100%);

  --interaction-outline-primary-light: linear-gradient(180deg, #fff 0%, #bf934f 100%);
  --interaction-outline-primary-main: linear-gradient(180deg, #feeecb 0%, #b8812c 100%);
  --interaction-outline-primary-dark: linear-gradient(180deg, #eb7c7c 0%, #9c2525 100%);
  --interaction-outline-delete-main: linear-gradient(180deg, #fe9696 0%, #b52b2b 100%);
  --interaction-outline-delete-dark: linear-gradient(180deg, #d9c08d 0%, #8c611d 100%);
  --interaction-outline-delete-light: linear-gradient(180deg, #fec1c1 0%, #e35656 100%);
  --interaction-outline-disabled-dark: linear-gradient(180deg, #8c8c8c 0%, #383838 100%);

  --gradient-surface-cold-soft: linear-gradient(180deg, #eabb63 0%, #0c1116 100%);
  --gradient-surface-cold-hard: linear-gradient(180deg, #a5a5b0 0%, #101016 100%);

  --gradient-outline-dark-gold: linear-gradient(180deg, #eabb63 0%, #1c1204 100%);
  --gradient-outline-dark-silver: #a5a5b0;
  --gradient-outline-light-gold: #dfb44e;
  --gradient-outline-light-silver: #939399;

  --disabled-light: #666666;
  --disabled-main: #383838;
  --disabled-dark: #242424;

  --system-information-light: #8ac8ff;
  --system-information-main: #3aa3ff;
  --system-information-dark: #1179d4;

  --system-success-light: #9dff8a;
  --system-success-main: #4eeb2f;
  --system-success-dark: #38ba1e;

  --system-warning-light: #ffbb7f;
  --system-warning-main: #ff9233;
  --system-warning-dark: #cc660c;

  --system-error-light: #ff7f7f;
  --system-error-main: #ff4747;
  --system-error-dark: #cf3232;

  /*fonts*/
  --font-main: var(--font-poppins);
  --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;

  --tournament-card-width-large: 563px;
  --tournament-card-width-small: 358px;
  --tournament-card-height-large: 240px;
  --tournament-card-height-small: 168px;
}