:root:root {
  --body-bg: #101214;
  --very-dark-2: #0d0f11;
  --very-dark: #0d0f11;
  --dark-blue-2: #151719;
  --dark-blue: #151719;
  --dark-shade: #1a1c1e;
  --shades-dark-primary: #101214;
  --shades-dark-primary-2: #0d0f11;
  --purple-dark-lighter: #232527;
  --shades-frames: #1a1c1e;
  --shades-frames-2: transparent;
  --card-elevated: #232527;
  --card-highlight: #2c2e30;
  --white: #ffffff;
  --light-grey: #d7d9db;
  --black: #000000;
  --border-colour: #2c2e30;
  --border-strong: #33363a;
  --border-muted: #26282a;
  --text: #ffffff;
  --text-secondary: #9a9c9e;
  --text-ternary: #5b5d5f;
  --text-soft-purple: #9a9c9e;
  --text-disabled: #6b6d6f;
  --search-placeholder: #5b5d5f;
  --purple: #f7141f;
  --purple-shadow: #7a0a0f;
  --purple-2: #5b5d5f;
  --primary-colour: #f7141f;
  --dark--primary-colour: #c50f18;
  --brand-violet: #f7141f;
  --orchid: #ff5a62;
  --green: #99ff00;
  --success: #99ff00;
  --green-bright: #99ff00;
  --green-emerald: #66bb00;
  --green-neon: #99ff00;
  --green-coin: #ccff80;
  --green-win: #99ff00;
  --green-deep: #4c8000;
  --result-push: #ff9d00;
  --result-muted: #9a9c9e;
  --result-muted-frame: #33363a;
  --red: #f7141f;
  --red-bright: #f7141f;
  --red-warm: #ff3c3c;
  --red-deep: #a30d14;
  --heart-fav: #8e4848;
  --slide-red: #ae2445;
  --slide-blue: #6f6bfc;
  --slide-green: #99bc46;
  --slide-gold: #bf8405;
  --purple-muted: #9a9c9e;
  --pink: #ff5bef;
  --orange: #f6be2c;
  --yellow: #ffb13c;
  --gold: #ffd900;
  --race-timer-bg: #5a5a4e;
  --race-timer-border: #80794c;
  --home-banner-bg: #1a1c1e;
  --home-banner-pill-border: #33363a;
  --neutral-light: #c8c8c8;
  --neutral-mid: #6b6d6f;
  --neutral-blue: #9a9c9e;
  --shades-lighted: #b4b6b8;
  --shadow-sm: rgba(0, 0, 0, 0.15);
  --shadow-soft: rgba(0, 0, 0, 0.2);
  --shadow-md: rgba(0, 0, 0, 0.25);
  --shadow-lg: rgba(0, 0, 0, 0.35);
  --shadow-deep: rgba(0, 0, 0, 0.45);
  --shadow-xl: rgba(0, 0, 0, 0.5);
  --shadow-deeper: rgba(0, 0, 0, 0.55);
  --op_5_bg: rgba(255, 255, 255, 0.05);
  --overlay-white-06: rgba(255, 255, 255, 0.06);
  --overlay-white-07: rgba(255, 255, 255, 0.07);
  --overlay-white-08: rgba(255, 255, 255, 0.08);
  --overlay-white-12: rgba(255, 255, 255, 0.12);
  --overlay-white-25: rgba(255, 255, 255, 0.25);
  --overlay-white-50: rgba(255, 255, 255, 0.5);
  --overlay-white-75: rgba(255, 255, 255, 0.75);
  --text_0_6: rgba(255, 255, 255, 0.6);
  --text_0_3: rgba(255, 255, 255, 0.3);
  --fully-transparent: rgba(0, 0, 0, 0);
  --additional_op_0_3_bg: rgba(247, 20, 31, 0.3);
  --additional_op_0_3_green: rgba(153, 255, 0, 0.3);
  --overlay-black-60: rgba(0, 0, 0, 0.6);
  --text-lavender: #cbcbfd;
  --text-steel: #5b5d5f;
  --game-icon: #5b5d5f;
  --watermark: #9a9c9e;
  --dark-blue-50: rgba(25, 25, 57, 0.5);
  --nav-icon: #9a9c9e;
  --modal-scrim: rgba(28, 32, 41, 0.5);
  --rank-bronze: #c07e4a;
  --rank-diamond: #6ed6e8;
  --rank-emerald: #21b573;
  --rank-gold: #f0b429;
  --rank-onyx: #6b5f86;
  --rank-opal: #c48be8;
  --rank-ruby: #e03150;
  --rank-sapphire: #2f7fe0;
  --rank-silver: #b9c4d0;
  --rank-unranked: #60677d;
  --admin-filter-border: rgba(90, 80, 160, 0.25);
  --admin-pager-bg: rgba(3, 20, 34, 0.27);
  --info-blue: #3aa6ff;
  --overlay-white-04: rgba(255, 255, 255, 0.04);
  --auth-accent: #e02426;
  --auth-danger: #e14446;
  --auth-field-bg: #121318;
  --auth-field-border: #242630;
  --auth-modal-bg: #16181e;
  --pitch-grass: #2e7d32;
  --pitch-grass-alt: #29712d;
  --pitch-line: rgba(255, 255, 255, 0.35);
  --brand-red: #fb1821;
  --brand-cream: #fff2dc;
  --brand-edge: #ef1731;
  --brand-ink: #111318;
}