/* Race Day graphic motifs — borrowed from the race floor.
   Helper classes + tokens for the four signature devices:
   hazard tape, race-bib stat tiles, signage chips, the start-line rule. */

:root {
  /* hazard tape: 45° stripes, equal widths. One strip per view — barrier, not wallpaper. */
  --tape-stripe: repeating-linear-gradient(
    -45deg,
    var(--kp-volt) 0 14px,
    var(--kp-track-black) 14px 28px
  );
  --tape-h: 12px;

  /* photography volt edge-tag: full-bleed photos carry a 4px volt border on ONE edge */
  --photo-tag: var(--edge-live-w) solid var(--kp-volt);
}

/* ---- base text helpers ---- */
.kp-display {
  font-family: var(--font-display);
  text-transform: uppercase;
  line-height: var(--lh-display);
  letter-spacing: var(--track-display);
  font-weight: 400;
}

.kp-kicker {
  font-family: var(--font-mono);
  font-size: var(--text-mono-sm);
  text-transform: uppercase;
  letter-spacing: var(--track-mono-wide);
  font-weight: 500;
}

.kp-mono {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: var(--track-mono);
}

/* ---- hazard tape strip ---- */
.kp-tape {
  height: var(--tape-h);
  background: var(--tape-stripe);
}

/* ---- greyscale photo treatment ---- */
.kp-photo {
  filter: grayscale(1) contrast(1.06);
}
.kp-photo--tagged-bottom { border-bottom: var(--photo-tag); }
.kp-photo--tagged-left   { border-left: var(--photo-tag); }