[data-component-id='season-standings'] {
  --font-color: var(--base-colors-blackAlpha-900);
}

[data-component-id='season-standings'] [data-element-id='button'] {
  --background-color: var(--base-button-background-color);
  --border-color: none;
  --font-color: inherit;

  --background-color__hover: var(--base-button-background-color__hover);
  --border-color__hover: none;
  --font-color__hover: var(--ntb-colors-whiteAlpha-900);

  --background-color__active: var(--base-button-background-color__active);
  --border-color__active: none;
  --font-color__active: var(--base-colors-whiteAlpha-900);
}

[data-component-id='season-standings'] [data-element-id='list-item'] {
  --background-color: transparent;
  --font-color: var(--base-colors-blackAlpha-900);
  --border-color: var(--base-colors-border);
}

[data-component-id='season-standings'] [data-element-id='default'] {
  --background-color: var(--base-colors-whiteAlpha-900);
  --font-color: inherit;
}

[data-component-id='season-standings'] [data-element-id='highlight'] {
  --background-color: var(--base-colors-accent-primary-background-color);
  --font-color: var(--base-colors-accent-primary-font-color);
}