/* PALETTE — SAMPLED from the real assets in brand/ and reference/ (no longer placeholder).
   Method: stride-6 sample of every opaque pixel in all 10 files, k-means (K=6, farthest-point init,
   25 iterations, RGB), each centroid snapped to the nearest real pixel. Minor ink tones were read as the
   modal colour of a text box. Third-party brand colours that surfaced in the k-means (red, green, blue
   service logos on the cover image, each under 0.1% of pixels) are not SmartPay colours and are excluded.
   Provenance — colour (file, x,y of the snapped pixel):
     #c8b6d0 lavender  brand/LOGO SMARTPAY JPG (0,0)          k-means share 81.6%
     #241b2c plum      brand/LOGO SMARTPAY JPG (846,828)      k-means share 17.6%
     #2b1838 ink       reference/SMARTPAY 1 (523,341)         modal colour of the title text box
     #645471 mid plum  reference/SMARTPAY 3 (204,384)         k-means share 0.7%
     #beabc9 tint      reference/SMARTPAY 1 (1450,800)        modal colour of the corner circle
     #fefefe white     brand/LOGO SMARTPAY JPG (1031,983)     glyph pixel
   This is the only file allowed to hold color literals. */
:root {
  --c-bg: #c8b6d0;
  --c-surface: #fefefe;
  --c-surface-2: #beabc9;
  --c-ink: #2b1838;
  --c-ink-2: #645471;
  --c-line: #beabc9;
  --c-inverse: #241b2c;
  --c-on-inverse: #fefefe;
  --c-flash: #beabc9;
  --c-shadow: rgb(36 27 44 / 0.18);
  --r-card: 28px;
  --r-pill: 999px;
  --t-fast: 160ms;
  --t-med: 600ms;
  --ease: cubic-bezier(.2,.7,.2,1);
}