/* ==========================================================================
   THE NIGHT GAME — design tokens
   Winchester Little League concept · Impact Marketing KY
   Palette anchored on the league's own theme navy (#01153d) with the three
   supporting colours sampled directly from the league logo:
     navy  #001850 (27% of logo pixels)
     green #009048 (23%)
     red   #d81820 (18%)
   ========================================================================== */

:root {
  /* --- night sky ------------------------------------------------------- */
  --navy:        #01153d;   /* anchor: league theme colour */
  --navy-deep:   #000a20;   /* deepest night, intro backdrop */
  --navy-lift:   #0a2255;   /* raised navy panels */
  --navy-line:   #1b3268;   /* hairlines on navy */

  /* --- daylight -------------------------------------------------------- */
  --chalk:       #f7f4ec;   /* warm chalk-white — infield dirt warmth */
  --chalk-dim:   #ebe5d8;
  --chalk-line:  #fffdf7;   /* the drawn baseline */

  /* --- earth + turf ---------------------------------------------------- */
  --dirt:        #c9a36a;
  --dirt-deep:   #a17c46;
  --grass:       #007a3d;
  --grass-lift:  #009048;   /* straight off the logo */

  /* --- accents --------------------------------------------------------- */
  --seam:        #d81820;   /* logo red — stitching, pennants */
  --seam-deep:   #a5121a;
  --amber:       #ffb43a;   /* scoreboard numerals, primary CTA */
  --amber-deep:  #e08c12;
  --amber-glow:  rgba(255,180,58,.35);

  /* --- ink ------------------------------------------------------------- */
  --ink:         #12161f;
  --ink-soft:    #414a5c;
  --on-navy:     #eef1f8;
  --on-navy-soft:#9fb0d4;

  /* --- type ------------------------------------------------------------ */
  --display: "Alfa Slab One", "Rockwell", Georgia, serif;
  --body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --step--1: clamp(.82rem, .78rem + .2vw, .92rem);
  --step-0:  clamp(1rem, .95rem + .25vw, 1.12rem);
  --step-1:  clamp(1.2rem, 1.1rem + .5vw, 1.5rem);
  --step-2:  clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --step-3:  clamp(1.9rem, 1.5rem + 2vw, 3rem);
  --step-4:  clamp(2.4rem, 1.7rem + 3.6vw, 4.6rem);
  --step-5:  clamp(3rem, 1.8rem + 6vw, 7rem);

  /* --- space / shape --------------------------------------------------- */
  --gut: clamp(1.1rem, 4vw, 2rem);
  --wrap: 1180px;
  --wrap-narrow: 760px;
  --sec-y: clamp(3.5rem, 9vw, 7rem);

  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;

  --shadow-card: 0 2px 4px rgba(1,21,61,.06), 0 12px 28px rgba(1,21,61,.10);
  --shadow-lift: 0 6px 12px rgba(1,21,61,.10), 0 24px 56px rgba(1,21,61,.18);
  --shadow-night: 0 18px 60px rgba(0,0,0,.55);

  --bar-h: 62px;   /* sticky mobile register bar */
}