[data-component-id='team-fixtures-match'] {
  /* --background-color: var(--base-colors-whiteAlpha-1000); */
  --border-color: var(--base-colors-border);
  --font-color: var(--base-colors-blackAlpha-900);

  /* --date-background-color: inherit;
    --date-font-color: inherit; */

  /* --result-background-color__not-started: #e5f1ff;
    --result-font-color__not-started: var(--ntb-colors-blackAlpha-900);
  
    --result-background-color__not-set: transparent;
    --result-font-color__not-set: #e53e3e;
  
    --result-background-color__finished: #0a2343;
    --result-font-color__finished: var(--ntb-colors-whiteAlpha-900);
  
    --result-background-color__in-progress: rgb(35, 195, 107);
    --result-font-color__in-progress: var(--ntb-colors-whiteAlpha-900); */

  --team-result-font-color: var(--ntb-colors-whiteAlpha-900);
  --team-result-bg__win: var(--ntb-colors-success-default);
  --team-result-bg__draw: var(--ntb-colors-warning-default);
  --team-result-bg__loss: var(--ntb-colors-error-default);
}

[data-component-id='team-fixtures-match']
  [data-element-id='score']
  [data-status-id='not_started'] {
  --background-color: var(--base-colors-brand-1000-background-color);
  --font-color: var(--base-colors-brand-1000-font-color);
  --border-color: var(--base-colors-brand-border-color);
}

[data-component-id='team-fixtures-match']
  [data-element-id='score']
  [data-status-id='played'] {
  --background-color: var(--base-colors-accent-primary-background-color);
  --font-color: var(--base-colors-accent-primary-font-color);
  --border-color: var(--base-colors-accent-primary-border-color);
}

[data-component-id='team-fixtures-match']
  [data-element-id='score']
  [data-status-id='in_progress'] {
  --background-color: var(--base-colors-success-background-color);
  --font-color: var(--base-colors-whiteAlpha-900);
  --border-color: var(--base-colors-success-background-color);
}

[data-component-id='team-fixtures-match']
  [data-element-id='score']
  [data-status-id='cancelled'] {
  --background-color: var(--base-colors-error-background-color);
}

[data-component-id='team-fixtures-match']
  [data-element-id='score']
  [data-status-id='will_not_be_played'] {
  --background-color: var(--base-colors-error-background-color);
}

[data-component-id='team-fixtures-match']
  [data-element-id='score']
  [data-status-id='postponed'] {
  --background-color: var(--base-colors-error-background-color);
}