/* Colour shades the pages use that the Scorebuddy design system (tokens/colors.css) does not define.
   Without them the browser falls back to grey / transparent, which made danger buttons and result
   badges unreadable. Text shades meet WCAG AA (4.5:1) on white and on their own light tint. */
:root {
  --red-700: #b3261e;   /* text on white 6.6:1, on --red-50 6.0:1 */
  --red-600: #c62828;
  --red-50:  #fdeceb;
  --teal-700: #0b6b62;  /* text on white 6.2:1, on --teal-50 5.7:1 */
  --teal-50:  #e3f6f3;
  --navy-50:  #eef1fd;
  --gray-400: #9ca3af;  /* borders / bars only, not text */
}
/* Text that sits on navy / red / coloured backgrounds: white in light and dark mode
   (--white itself becomes the dark card colour in dark mode — components/sb-theme.css). */
:root { --on-dark: #ffffff; }
/* Red text on a light red tint (selected pills): dark red in light mode, soft red in dark mode. */
:root { --accent-strong: var(--magenta-700, #b91f1f); }