/* William Hill: same design, rebranded. No gradient - William Hill's own green for
   the emphasis text and for what landed, light grey for what did not and for the
   footer. Only colours already in the William Hill theme (williamhill-v1-14.css).
   The card fills the width it is given rather than sitting at the Figma 237px. */
:root {
  /* the row's full width and no more: the 12px the list keeps on the right is
     where the floating scrollbar sits, same as Betfred */
  --tc-card-width: 100%;
  /* the width a panel has in the products, used by the variants board */
  --tc-board-width: 281px;
  /* the same colour as the leg's bullet line, read from the brand's own token */
  --tc-border: var(--brand-bullet-line, var(--brand-bullet, #d7e3ff));
  --tc-ink: #183060;
  --tc-ink-muted: #546d91;
  --tc-fill: #256f45;
  --tc-miss: rgba(24, 48, 96, 0.2);         /* brand navy #183060 at 20% */
  --tc-cell-miss-bg: rgba(24, 48, 96, 0.2); /* brand navy #183060 at 20% */
  --tc-cell-miss-ink: #183060;
  --tc-cell-hit-ink: #ffffff;
  --tc-footer-bg: #f2f2f2;
  --tc-scrollbar: rgba(229, 229, 229, 0.5);           /* tile scrollbar #e5e5e5 at 50% */
  --tc-scrollbar-carousel: rgba(229, 229, 229, 0.5);  /* carousel scrollbar #e5e5e5 at 50% */
  --tc-emphasis: linear-gradient(#256f45, #256f45);
  --tc-emphasis-headline: linear-gradient(#256f45, #256f45);
  --tc-emphasis-badge: linear-gradient(#256f45, #256f45);
}