:root {
  --hub-font-display: "IvyPresto Display", Arial, Helvetica, sans-serif;
  --hub-font-body: "Neue Montreal", Arial, Helvetica, sans-serif;
  --hub-ground: #F8F7F3;
  --hub-surface: #FFFFFF;
  --hub-band: #ECF0EF;
  --hub-line: rgba(14, 68, 58, 0.14);
  --hub-line-strong: rgba(14, 68, 58, 0.28);
  --hub-ink: #042A23;
  --hub-ink-soft: rgba(4, 42, 35, 0.74);
  --hub-ink-faint: rgba(4, 42, 35, 0.6);
  --hub-brand: #0E443A;
  --hub-brand-deep: #092C26;
  --hub-brand-soft: #FCFBE7;
  --hub-accent: #FFD902;
  --hub-accent-hover: #FFDE25;
  --hub-accent-active: #B29801;
  --hub-on-accent: #092C26;
  --hub-link: #0E443A;
  --hub-link-hover: #0A3029;
  --hub-rail: #092C26;
  --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(9, 44, 38, 0.86) 0%, rgba(9, 44, 38, 0.55) 36%, rgba(9, 44, 38, 0.0) 66%);
  --hub-hero-scrim-m: linear-gradient(0deg, #092C26F0 0%, #092C26C7 36%, #092C2600 70%);
}