:root{
  --vx-blue:#0097DC;
  --vx-blue-deep:#0079b3;
  --vx-blue-dark:#004b6e;
  --vx-blue-300:#5cc0ee;
  --vx-blue-200:#a9ddf6;
  --vx-sky:#e6f4fc;
  --vx-navy:#183059;
  --vx-navy-deep:#0f2038;
  --vx-ink:#1a2436;
  --vx-slate:#5a6b83;
  --vx-slate-300:#a7b3c4;
  --vx-line:#e5ebf2;
  --vx-paper:#f4f7fb;
  --vx-white:#ffffff;
  --color-primary:var(--vx-blue);
  --color-primary-hover:var(--vx-blue-deep);
  --color-anchor:var(--vx-navy);
  --text-heading:var(--vx-navy);
  --text-body:var(--vx-ink);
  --text-muted:var(--vx-slate);
  --surface-page:var(--vx-paper);
  --surface-card:var(--vx-white);
  --surface-accent:var(--vx-sky);
  --border-subtle:var(--vx-line);
}
:root{
  /* alias used by the marketing pages */
  --vx-off-white:var(--vx-paper);
}