:root {
  --blue: #1B75BB;
  --blue-dark: #0D5A94;
  --blue-bg: #2089C9;
  --night: #191970;
  --gold: #FFA726;
  --gold-bright: #FFD700;
  --green: #6ABF3E;
  --green-light: #8CD557;
  --red: #DC143C;
  --red-soft: #FF4444;
  --purple: #A855F7;
  --purple-dark: #6D28D9;
  --yellow: #FFC107;
  --gray: #9E9E9E;

  --bronze: #CD7F32;
  --silver: #C0C0C0;
  --gold-tier: #FFD700;
  --diamond: #B9F2FF;
  --legend: #9C27B0;
  --champion: #FF6F00;

  --radius: 16px;
  --radius-sm: 8px;
  --gap: 16px;
  --card-shadow: 0 4px 12px rgba(0, 0, 0, .15);

  --card-bg-from: rgba(13, 90, 148, 0.85);
  --card-bg-to: rgba(32, 137, 201, 0.85);
  --card-border: rgba(255, 255, 255, 0.14);
  --text-primary: #FFFFFF;
  --text-secondary: rgba(255, 255, 255, 0.72);
  --text-muted: rgba(255, 255, 255, 0.52);

  --win: var(--green);
  --loss: var(--red);
  --draw: var(--yellow);
  --bot: var(--purple);
  --delta-pos: var(--green-light);
  --delta-neg: var(--red-soft);

  --series-1: #2089C9;
  --series-2: #FFA726;
  --series-3: #6ABF3E;
  --series-4: #A855F7;
  --series-5: #DC143C;
  --series-6: #FFC107;
  --series-7: #B9F2FF;
  --series-8: #FF6F00;
}