[data-component-id='team-calendar'] [data-element-id='tournament'] {
  --background-color: var(
    --base-colors-brand-1000-background-color,
    var(--base-colors-tint-1000)
  );
  --border-color: var(
    --base-colors-brand-800-background-color,
    var(--base-colors-tint-800, var(--base-colors-border))
  );
  --font-color: var(
    --base-colors-brand-1000-font-color,
    var(--base-colors-blackAlpha-900)
  );
}

[data-component-id='team-calendar']
  [data-element-id='tournament']
  [data-element-id='logo'] {
  --background-color: #fff;
  --font-color: #000;
}

[data-component-id='team-calendar']
  [data-element-id='tournament']
  [data-element-id='button'] {
  --background-color: transparent;
  --background-color__hover: transparent;
  --font-color__hover: var(--base-action-background-color__hover);
}

[data-component-id='team-calendar'] [data-element-id='stage'] {
  --background-color: var(
    --base-colors-brand-800-background-color,
    var(--base-colors-tint-800)
  );
  --border-color: var(--base-colors-border);
  --font-color: var(--base-colors-blackAlpha-900);
}

[data-component-id='team-calendar']
  [data-element-id='stage']
  [data-element-id='button'] {
  --background-color: transparent;
  --font-color: inherit;
  --background-color__hover: transparent;
  --font-color__hover: var(--base-action-background-color__hover);
}

[data-component-id='team-calendar'] [data-element-id='match'] {
  --background-color: var(
    --base-colors-tint-100,
    var(--base-colors-whiteAlpha-1000)
  );
  --border-color: var(--base-colors-border);
  --font-color: inherit;

  --background-color__hover: var(--base-colors-hover-background-color);
}

[data-component-id='team-calendar']
  [data-element-id='match']
  [data-status-id='goal'] {
  --background-color: #cfebd4;
}

[data-component-id='team-calendar']
  [data-element-id='match']
  [data-status-id='dissalowed-goal'] {
  --background-color: #e2c2c2;
}

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

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

[data-component-id='team-calendar']
  [data-element-id='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-calendar']
  [data-element-id='match']
  [data-element-id='score'][data-status-id='cancelled'] {
  --background-color: var(--base-colors-error-background-color);
}

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

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

[data-component-id='team-calendar']
  [data-element-id='match']
  [data-element-id='button'] {
  --background-color: var(--base-button-background-color);
  --border-color: transparent;
  --font-color: var(--base-button-font-color);

  --background-color__hover: var(--base-button-background-color__hover);
  --border-color__hover: transparent;
  --font-color__hover: var(--base-button-font-color__hover);

  --background-color__active: var(--base-button-background-color__active);
  --border-color__active: transparent;
  --font-color__active: var(--base-button-font-color__active);
}