/* Shared by the main app and Fuel Area Info. See docs/track-flag-colours.md.
   Screen approximations of FIA Appendix H Pantone colours, not calibrated flags. */
:root {
  --flag-green: #00843d; /* Pantone 348 C */
  --flag-red: #c8102e; /* Pantone 186 C */
  --flag-yellow: #fedd00; /* Pantone Yellow C */
  --flag-black: #2d2926; /* Pantone Black C */
  --flag-white: #ffffff;
  --flag-code60: #8b289d; /* Purple screen convention; no official hex specified. */
  --flag-neutral: #434b50;
  --track-flag-background: var(--flag-neutral);
  --track-flag-foreground: var(--flag-white);
}

.track-flag-green, body[data-flag="green"] {
  --track-flag-background: var(--flag-green);
}
.track-flag-red, body[data-flag="red"] {
  --track-flag-background: var(--flag-red);
}
.track-flag-yellow, body[data-flag="yellow"], body[data-flag="fcy"], body[data-flag="safety_car"] {
  --track-flag-background: var(--flag-yellow);
  --track-flag-foreground: var(--flag-black);
}
.track-flag-code-60, body[data-flag="code60"] {
  --track-flag-background: var(--flag-code60);
}
.track-flag-finish, body[data-flag="checkered"] {
  --track-flag-background: var(--flag-black);
}
.track-flag-ready, .track-flag-inactive, .track-flag-unknown,
body[data-flag="ready"], body[data-flag="not_started"], body[data-flag="unknown"] {
  --track-flag-background: var(--flag-neutral);
}