/* PUSHPACE — Color tokens
   Green on black. Electric, not extreme. */
:root{
  /* ── Brand palette (from the brand book) ── */
  --push-green:#55DF05;      /* HERO   · the one color people remember */
  --lane-black:#0A0A0A;      /* BASE   · arena floor, backgrounds */
  --sprint-coral:#FF7145;    /* ACCENT · ≤10% of any layout */
  --chalk:#F4F4F0;           /* LIGHT  · off-white paper, never pure #fff */
  --deep-green:#0B3B22;      /* SUPPORT· deep field, panels on dark */

  /* Green — tint/shade ramp (built around Push Green, stays green-green) */
  --green-900:#0B3B22;
  --green-700:#2E8A12;
  --green-600:#3FB605;
  --green-500:#55DF05;       /* = push-green */
  --green-400:#78E93F;
  --green-300:#A6F27C;
  --green-100:#E4FBD2;

  /* Graphite / neutral ramp — the "station tile" greys */
  --ink-1000:#0A0A0A;        /* = lane-black */
  --ink-900:#141414;
  --ink-800:#1C1D1B;         /* graphite tile — icons sit here */
  --ink-700:#2A2B28;
  --ink-500:#5A5C56;
  --ink-300:#9A9C94;
  --ink-200:#C9CBC2;
  --ink-100:#E7E8E1;
  --chalk-0:#F4F4F0;         /* = chalk */
  --white:#FFFFFF;

  /* Coral — accent ramp */
  --coral-600:#E5502A;
  --coral-500:#FF7145;       /* = sprint-coral */
  --coral-300:#FFA588;

  /* ── Semantic aliases ── */
  --bg-arena:var(--lane-black);        /* primary dark surface */
  --bg-field:var(--deep-green);        /* deep-green panel on dark */
  --bg-tile:var(--chalk);              /* chalk station tile — outline icons read on light */
  --bg-paper:var(--chalk);             /* light surface */
  --surface-card:var(--ink-900);       /* card on dark */
  --surface-card-light:var(--white);   /* card on light */

  --text-on-dark:var(--chalk);
  --text-on-dark-dim:var(--ink-300);
  --text-on-light:var(--lane-black);
  --text-on-light-dim:var(--ink-500);
  --text-hero:var(--push-green);       /* the number / the win */

  --border-on-dark:rgba(244,244,240,.16);
  --border-on-light:rgba(10,10,10,.14);
  --border-strong:var(--lane-black);

  --accent:var(--sprint-coral);
  --focus-ring:var(--push-green);

  /* Forbidden zone reference — DO NOT use as green. HYROX yellow. */
  --forbidden-hyrox-yellow:#FFED00;
}