/* Race Day colour system — "Black runs the show."
   Four colours exist. Nothing else. Photography is greyscale.
   Usage ratio: black 62% · concrete 20% · chalk 12% · volt 6%. */

:root {
  /* ---- base palette ---- */
  --kp-track-black: #0B0B0C;   /* the stage — page backgrounds */
  --kp-chalk:       #FAFAF7;   /* type on dark, light print surfaces */
  --kp-volt:        #E8FF2E;   /* the siren — CTAs, live results, lead claim. Pantone 387 C */
  --kp-concrete:    #232327;   /* surfaces only — cards, panels, stat tiles. Never type. */

  /* ---- chalk alpha ramp (muted type, hairlines on dark) ---- */
  --kp-chalk-70: rgba(250, 250, 247, 0.70);
  --kp-chalk-55: rgba(250, 250, 247, 0.55);
  --kp-chalk-40: rgba(250, 250, 247, 0.40);
  --kp-chalk-14: rgba(250, 250, 247, 0.14);  /* hairline borders */
  --kp-chalk-08: rgba(250, 250, 247, 0.08);  /* faint dividers, hover wash */

  /* ---- black alpha ramp (on chalk / on volt) ---- */
  --kp-black-70: rgba(11, 11, 12, 0.70);
  --kp-black-14: rgba(11, 11, 12, 0.14);

  /* ---- semantic aliases ---- */
  --bg-page:        var(--kp-track-black);
  --bg-section-alt: var(--kp-concrete);     /* sparing — long-reading sections may invert to chalk */
  --surface-card:   var(--kp-concrete);
  --surface-light:  var(--kp-chalk);        /* chalk sections for long reading (interior pages) */

  --text-body:      var(--kp-chalk);
  --text-muted:     var(--kp-chalk-70);
  --text-faint:     var(--kp-chalk-55);
  --text-on-volt:   var(--kp-track-black);  /* volt never carries body text — black type on volt */
  --text-on-light:  var(--kp-track-black);

  --accent:         var(--kp-volt);         /* one siren per view */
  --accent-ink:     var(--kp-track-black);

  --border-hairline: var(--kp-chalk-14);
  --border-hairline-on-light: var(--kp-black-14);

  --edge-live: var(--kp-volt);              /* the start-line rule — 4–5px volt edge = "live" */

  /* ---- states (no new hues; shift within the palette) ---- */
  --accent-hover:   #F2FF66;                /* volt lifted — hover on volt CTAs */
  --surface-hover:  #2B2B30;                /* concrete lifted — hover on cards/rows */
}