/* stylelint-disable */
:root {
  --color-background-base: #1E1F22;
  --color-background-surface: #2A2B30;
  --color-background-secondary-surface: #3E3F45;
  --color-background-highlight: #54565F;
  --color-background-inverted: #FFFFFF;
  --color-background-accent-positive: #FFDD3C;
  --color-background-positive: #14C679;
  --color-background-warning: #FF8F00;
  --color-background-positive-rgb: 255, 221, 60;
  --color-background-accent-negative: #868893;
  --color-background-negative: #FF646C;
  --color-stroke-divider: #54565F;
  --color-stroke-active: #54565F;
  --color-stroke-secondary-active: #3E3F45;
  --color-stroke-highlight: #868893;
  --color-stroke-inactive: #2A2B30;
  --color-stroke-accent: #F6F7F7;
  --color-stroke-accent-color: #FFDD3C;
  --color-stroke-positive: #14C679;
  --color-stroke-warning: #FF8F00;
  --color-stroke-negative: #FF646C;
  --color-text-primary: #F6F7F7;
  --color-text-secondary: #868893;
  --color-text-inactive: #54565F;
  --color-text-inverted: #1E1F22;
  --color-text-button-primary: #1E1F22;
  --color-text-button-secondary: #F6F7F7;
  --color-text-button-inactive: #868893;
  --color-text-accent: #FFDD3C;
  --color-text-positive: #14C679;
  --color-text-warning: #FF8F00;
  --color-text-negative: #FF646C;
  --color-text-link: #6FB0FB;
  --color-icon-primary-active: #F6F7F7;
  --color-icon-primary-highlight: #AEAFB7;
  --color-icon-primary-inactive: #54565F;
  --color-icon-secondary-active: #868893;
  --color-icon-secondary-highlight: #F6F7F7;
  --color-icon-secondary-inactive: #54565F;
  --color-icon-button-dark: #2A2B30;
  --color-icon-button-light: #FFFFFF;
  --color-icon-button-inactive: #868893;
  --color-icon-inverted: #2A2B30;
  --color-icon-primary-accent: #FFDD3C;
  --color-icon-positive: #14C679;
  --color-icon-negative: #FF646C;
  --color-icon-warning: #FF8F00;
  --color-icon-secondary-accent: #0C79F8;
  --color-button-negative-active: #FF646C;
  --color-button-negative-highlight: #FA9EA3;
  --color-button-negative-inactive: #7C0309;
  --color-button-primary-active: #FFDD3C;
  --color-button-primary-highlight: #FFEFA3;
  --color-button-primary-inactive: #937B10;
  --color-button-positive-active: #14C679;
  --color-button-positive-highlight: #66DBA8;
  --color-button-positive-inactive: #0B6B41;
  --color-button-secondary-active: #0C79F8;
  --color-button-secondary-highlight: #6FB0FB;
  --color-button-secondary-inactive: #04499A;
  --color-button-neutral-active: #54565F;
  --color-button-neutral-highlight: #6A6C77;
  --color-button-neutral-inactive: #1E1F22;
  --color-button-inverted: #F6F7F7;
  --color-control-active: #FFDD3C;
  --color-control-highlight: #FFEFA3;
  --color-control-inactive: #54565F;
  --color-chart-yellow: #FFF533;
  --color-chart-green: #01FF00;
  --color-chart-cyan: #00FFFF;
  --color-chart-violet: #8800FF;
  --color-chart-pink: #FF00F5;
  --color-chart-red: #FF0000;
  --color-tournament-gradient: linear-gradient(0deg, rgb(42, 43, 48) 0%, rgba(42, 43, 48, 0.8) 30%, rgba(42, 43, 48, 0) 100%);
  --color-opacity-base: 30, 31, 34;
  --color-opacity-base-inverted: 255, 255, 255;
  --shadow-e1: 0 2px 6px rgba(0, 0, 0, 0.2);
  --shadow-e2: 0 4px 8px rgba(0, 0, 0, 0.2), 0px 8px 24px rgba(0, 0, 0, 0.3);
  --shadow-e3: 0 8px 16px rgba(0, 0, 0, 0.3), 0px 12px 32px rgba(0, 0, 0, 0.4);
}