/* Grande design tokens: one place for colour, shape and motion. Primary look = black + Grande blue. */
:root{
  --blue:#007EFE;--blue-d:#0066d1;--blue-soft:rgba(0,126,254,.14);--blue-line:rgba(0,126,254,.38);
  --s0:#0a0a0a;--s1:#0f0f0f;--s2:#141414;--s3:#1a1a1a;--s4:#222;
  --b1:#1d1d1d;--b2:#2a2a2a;--b3:#3a3a3a;
  --tx:#f4f4f4;--tx2:#b4b4b4;--tx3:#8a8a8a;
  --ok:#22c58b;--warn:#f5b73d;--bad:#ff5d5d;--violet:#8b6cf6;--pink:#ee5c93;--orange:#ee7a2b;
  --r-sm:10px;--r-md:14px;--r-lg:18px;--r-pill:999px;
  --ease:cubic-bezier(.2,.8,.2,1);--ease-io:cubic-bezier(.65,0,.35,1);
  --t-fast:.15s;--t:.22s;--t-slow:.36s;
  --shadow-pop:0 18px 50px rgba(0,0,0,.55);--shadow-card:0 1px 0 rgba(255,255,255,.03) inset;
  --ic:20px;--ic-lg:24px;
}