:root {
  --hub-font-display: "Funnel Display", Arial, Helvetica, sans-serif;
  --hub-font-body: "Funnel Sans", Arial, Helvetica, sans-serif;
  --hub-ground: #F8F8F8;
  --hub-surface: #FFFFFF;
  --hub-band: #F0EDF2;
  --hub-line: rgba(64, 32, 88, 0.14);
  --hub-line-strong: rgba(64, 32, 88, 0.28);
  --hub-ink: #000000;
  --hub-ink-soft: rgba(0, 0, 0, 0.74);
  --hub-ink-faint: rgba(0, 0, 0, 0.6);
  --hub-brand: #402058;
  --hub-brand-deep: #2A1539;
  --hub-brand-soft: #E7ECE4;
  --hub-accent: #FE6E4E;
  --hub-accent-hover: #FE8267;
  --hub-accent-active: #B24D37;
  --hub-on-accent: #2A1539;
  --hub-link: #402058;
  --hub-link-hover: #2D163E;
  --hub-rail: #2A1539;
  --hub-rail-ink: #FFFFFF;
  --hub-rail-ink-soft: rgba(255, 255, 255, 0.66);
  --hub-rail-line: rgba(255, 255, 255, 0.14);
  --hub-on-dark: #FFFFFF;
  --hub-hero-scrim: linear-gradient(90deg, rgba(42, 21, 57, 0.86) 0%, rgba(42, 21, 57, 0.55) 36%, rgba(42, 21, 57, 0.0) 66%);
  --hub-hero-scrim-m: linear-gradient(0deg, #2A1539F0 0%, #2A1539C7 36%, #2A153900 70%);
}