/* ============================================================
   DIGITALPOKE — brand tokens

   Tuned to the Miami Heat "Vice" uniforms, which are the reference
   he picked. Two things about that palette are easy to get wrong:

   1. The teal is a blue-leaning SKY AQUA, not a green-leaning
      turquoise. #45C4EC, not #00E1D6. This is the single change
      that makes it read as Vice rather than generic vaporwave.
   2. Pink and aqua carry EQUAL weight. Neither is the accent to
      the other's lead — they alternate, and black holds them apart.

   Purple stays as the bridge: it's the midpoint between pink and
   aqua on the wheel, which is why the ramp reads as one move
   instead of two colors fighting. It also keeps the brand his.
   ============================================================ */

:root {
  /* ---- ground ---- */
  --ink:        #0B0616;  /* violet-tinted near-black, page background */
  --ink-2:      #140A24;  /* raised panel */
  --ink-3:      #1C1030;  /* card */
  --ink-4:      #251441;  /* lifted band — see the logo ribbon */
  --line:       rgba(155, 110, 225, 0.22);
  --line-hot:   rgba(255,  46, 159, 0.35);

  /* ---- brand ---- */
  --pink:       #FF2E9F;  /* jersey numbers: live states, prices, the bolt */
  --aqua:       #45C4EC;  /* jersey script: labels, links, schedule times */
  --purple:     #8B2CF5;  /* the bridge: primary buttons, badge ring */
  --purple-lt:  #B476FF;
  --aqua-lt:    #8FDDF6;
  --aqua-dk:    #26A2DA;

  /* ---- text ---- */
  --white:      #FCF2FA;  /* warm white — a hair pink, never #FFF */
  --muted:      #A491BE;  /* violet-biased grey */

  /* Retired, do not reintroduce:
     #39FF14 — energy-drink green, fought everything.
     #FFB03D — sunset gold. Vice has no warm; the sun went hot pink
               instead and the palette got tighter for it. */

  /* ---- the ramp ----
     Aqua -> purple -> pink, in that order, always. One signature
     gradient rather than two, because Vice is one idea. */
  --vice:    linear-gradient(100deg, #45C4EC 0%, #8B2CF5 50%, #FF2E9F 100%);
  --vice-r:  linear-gradient(100deg, #FF2E9F 0%, #8B2CF5 50%, #45C4EC 100%);
  /* darkened so white text clears AA across the whole run — the plain
     ramp starts too light at the aqua end to carry white */
  --vice-ui: linear-gradient(100deg, #1B7BA8 0%, #6516BE 50%, #C2166F 100%);

  /* ---- the Vice lettering treatment ----
     Fill, white keyline, then a second outline in the opposite accent.
     This is the detail people actually recognise from the jerseys, so
     it belongs on display type as well as on the logo. */
  --keyline: 2px;
  --outline: 6px;

  /* ---- type ---- */
  --font-display: "Bebas Neue", Impact, "Arial Narrow Bold", sans-serif;
  --font-script:  "Yellowtail", cursive;   /* the word "Poke" and nothing else */
  --font-body:    "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ---- geometry ---- */
  --radius:    16px;
  --radius-sm: 10px;
  --nav-h:     72px;

  /* the display face is skewed, not italic — one angle everywhere */
  --skew: -7deg;
}