/* Betfred: exactly as drawn in Figma, gradient and all */
:root {
  --tc-card-width: 237px;
  --tc-border: rgba(0, 0, 90, 0.1);
  --tc-ink: #00005a;
  --tc-ink-muted: rgba(0, 0, 90, 0.6);
  --tc-fill: #0028f0;
  --tc-miss: rgba(0, 0, 90, 0.2);           /* #00005A at 20% */
  --tc-cell-miss-bg: rgba(0, 0, 90, 0.2);   /* #00005A at 20% */
  --tc-cell-miss-ink: #00005a;
  --tc-cell-hit-ink: #f0f3f7;
  --tc-footer-bg: #f0f3f7;
  --tc-scrollbar: rgba(211, 211, 211, 0.5);           /* tile scrollbar #d3d3d3 at 50% */
  --tc-scrollbar-carousel: rgba(117, 117, 117, 0.5);  /* carousel scrollbar #757575 at 50% */
  --tc-emphasis: linear-gradient(19.737deg, rgb(255, 0, 8) 29.979%, rgb(121, 0, 229) 55.163%, rgb(0, 41, 250) 76.749%);
  --tc-emphasis-headline: linear-gradient(8.031deg, rgb(255, 0, 8) 29.979%, rgb(121, 0, 229) 55.163%, rgb(0, 41, 250) 76.749%);
  --tc-emphasis-badge: linear-gradient(13.784deg, rgb(255, 0, 8) 29.979%, rgb(121, 0, 229) 55.163%, rgb(0, 41, 250) 76.749%);
}