/* SpinPulse colour tokens, shared by the landing page and the pricing page so the two stay
   one palette. Each page maps these onto its own role names: theme-v05.css for the landing
   page, pricing-v05.css for pricing. Change a colour here and both pages follow.

   The game pages keep their own palette on purpose: a pure-black gallery behind the art,
   with one accent per game (style.css, variants.css and the theme block in each page).

   --sp-ink-dim is the quietest text colour. It clears 4.5:1 on every surface below, from
   4.6:1 on --sp-surface-2 to 5.7:1 on --sp-bg. */
:root{
 --sp-bg:#0d0d10;             /* page base */
 --sp-panel:#16171b;          /* raised sections and panels */
 --sp-surface:#1c1d22;        /* cards resting on the page base */
 --sp-surface-2:#212229;      /* cards and controls resting on a panel */
 --sp-ink:#f4f4f6;            /* primary text */
 --sp-ink-secondary:#c9c9d3;  /* body copy that sits under a heading */
 --sp-ink-muted:#9b9ba6;      /* supporting text */
 --sp-ink-dim:#8a8a95;        /* labels and fine print */
 --sp-line:rgba(255,255,255,.10);
 --sp-line-strong:rgba(255,255,255,.18);
 --sp-action:#fff;            /* the solid pill button */
 --sp-on-action:#0c0a08;
}