:root.theme-light {
  --basic-invisible: hsla(0, 0%, 0%, 0);
  --basic-team-blue-mild: hsla(212, 80%, 42%, 0.2);
  --basic-team-blue: hsl(212, 80%, 42%);
  --basic-team-yellow-mild: hsla(34, 100%, 50%, 0.2);
  --basic-team-yellow: hsl(34, 100%, 50%);
  --basic-team-red: hsl(0, 66%, 47%);
  --basic-team-red-mild: hsla(0, 66%, 47%, 0.2);
  --basic-team-green: hsl(123, 46%, 34%);
  --basic-team-green-mild: hsla(123, 46%, 34%, 0.2);
  --basic-stats-right-mild: hsla(34, 100%, 50%, 0.2);
  --basic-stats-left-mild: hsla(123, 46%, 34%, 0.2);
  --basic-stats-right: hsl(34, 100%, 50%);
  --basic-stats-left: hsl(123, 46%, 34%);
  --basic-accent-hover: hsl(49, 79%, 55%);
  --basic-warning-mild: hsla(34, 100%, 50%, 0.2);
  --basic-fail-mild: hsla(0, 66%, 47%, 0.2);
  --basic-success-mild: hsla(123, 46%, 34%, 0.2);
  --basic-highlight2: hsla(228, 12%, 16%, 0.2);
  --basic-warning: hsl(34, 100%, 50%);
  --basic-fail: hsl(0, 66%, 47%);
  --basic-success: hsl(123, 46%, 34%);
  --basic-accent2: hsl(49, 100%, 44%);
  --basic-accent-contrast: hsl(228, 12%, 16%);
  --basic-accent: hsl(49, 100%, 44%);
  --basic-highlight: hsla(228, 12%, 16%, 0.1);
  --basic-disabled: hsla(228, 12%, 16%, 0.4);
  --basic-secondary: hsla(228, 12%, 16%, 0.7);
  --basic-primary: hsl(228, 12%, 16%);
  --basic-foreground: hsl(0, 0%, 100%);
  --basic-background: hsl(0, 0%, 96%);
  --corner-radius: 0.5rem;
}