:root {
  --tdf-yellow:        #FEDD00;
  --tdf-yellow-soft:   #FFF3B0;
  --tdf-yellow-deep:   #E5C000;
  --tdf-gold:          #C9A800;
  --tdf-yellow-glow:   254,221,0;
  --tdf-yellow-ink:    #111111;
  --tdf-ink:           #111111;
  --tdf-paper:         #FFFFFF;
  --tdf-flamme:        #E2001A;

  --tdf-jersey-yellow: #FEDD00;
  --tdf-jersey-green:  #1FA84C;
  --tdf-jersey-green-modern: #3FB54A;
  --tdf-polka-base:    #FFFFFF;
  --tdf-polka-dot:     #E2231A;
  --tdf-jersey-white:  #FFFFFF;
  --tdf-white-stroke:  #D0D3D9;

  --tdf-on-green:  #FFFFFF;
  --tdf-on-red:    #FFFFFF;
  --tdf-on-yellow: #111111;

  --tdf-font-ui:      'Archivo', 'Inter', system-ui, sans-serif;
  --tdf-font-display: 'Saira Condensed', 'Oswald', 'Archivo', sans-serif;
}

.tdf-rr, .tdf-jb, .tdf-pel, .tdf-stage, .tdf-lb, .tdf-stages, .tdf-ticker, [data-tdf] {
  --tdf-panel:     var(--rude-glass-stop, rgba(13,18,38,.55));
  --tdf-row-zebra: rgba(0,0,0,.04);
}
[data-theme="dark"] .tdf-rr, [data-theme="dark"] .tdf-jb, [data-theme="dark"] .tdf-pel,
[data-theme="dark"] .tdf-stage, [data-theme="dark"] .tdf-lb, [data-theme="dark"] .tdf-stages,
[data-theme="dark"] .tdf-ticker, [data-theme="dark"] [data-tdf] {
  --tdf-row-zebra: rgba(255,255,255,.05);
}

.tdf-num, .tdf-lbr-val, .tdf-lbr-gap, .tdf-lane-val, .tdf-pel-val, .tdf-jcard-val {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}