:root {
  --navbar-height: 76px;

  --board-width: 7538px;
  --board-height: 4240px;
  --bracket-width: 7538px;
  --bracket-height: 4240px;

  --artwork-sky-blue: #218af3;
  --artwork-green: #02c755;
  --artwork-yellow-green: #b7d656;
  --background: #151519;
  --neutral-50: #f7f7f8;
  --neutral-950: #151519;
  --text-primary: #f7f7f8;
  --text-secondary: #b6b7c3;
  --stroke: #f7f7f8;
  --score-background-secondary: #5a5b6f;
  --score-text-secondary: #f7f7f8;
  --connector: rgba(238, 247, 255, 0.86);
  --medal-gold-gradient: linear-gradient(106.89deg, #b79b00 0%, #ffd700 53%, #957d00 100%);
  --medal-bronze-gradient: linear-gradient(106.73deg, #905419 0%, #eb953f 50%, #674019 100%);
  --font-title: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif;
  --font-ui: "Arial Black", Impact, Haettenschweiler, sans-serif;
  --font-readable: Inter, Arial, Helvetica, sans-serif;

  --wm.alvaro-white: #ffffff;
  --wm.alvaro-inter-regular-font-family: Inter, Arial, sans-serif;
  --wm.alvaro-inter-regular-font-size: 16px;
  --wm.alvaro-inter-regular-letter-spacing: -0.64px;
  --wm.alvaro-inter-regular-font-weight: 400;
  --wm.alvaro-inter-bold-font-family: Inter, Arial, sans-serif;
  --wm.alvaro-inter-bold-font-size: 13.921875px;
  --wm.alvaro-inter-bold-letter-spacing: -0.72px;
  --wm.alvaro-inter-bold-font-weight: 700;
  --item-spacing-998: 9.98px;
  --item-spacing-999: 9.99px;
  --item-spacing-xs: 8px;
  --width-367: 367px;

  --color-azure-45: #07a4dc;
  --color-grey-75: #c0c0c0;
  --color-black-75: rgba(0, 0, 0, 0.75);
  --color-white-50: rgba(255, 255, 255, 0.5);
  --color-white-5: rgba(255, 255, 255, 0.05);
  --color-white-75: rgba(255, 255, 255, 0.75);
}

[data-wm.alvaro-mode="mode-1"] {
  --color-azure-45: #07a4dc;
  --color-grey-75: #c0c0c0;
  --color-black-75: rgba(0, 0, 0, 0.75);
  --color-white-50: rgba(255, 255, 255, 0.5);
  --color-white-5: rgba(255, 255, 255, 0.05);
  --color-white-75: rgba(255, 255, 255, 0.75);
}