@font-face { font-family: "Space Grotesk"; src: url("assets/fonts/display.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("assets/fonts/body.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
:root {
  --hub-font-display: "Space Grotesk", Arial, Helvetica, sans-serif;
  --hub-font-body: "DM Sans", Arial, Helvetica, sans-serif;
  --hub-ground: #FAF9F3;
  --hub-surface: #FFFFFF;
  --hub-band: #E7ECE4;
  --hub-line: rgba(50, 32, 69, 0.14);
  --hub-line-strong: rgba(50, 32, 69, 0.28);
  --hub-ink: #19181A;
  --hub-ink-soft: rgba(25, 24, 26, 0.74);
  --hub-ink-faint: rgba(25, 24, 26, 0.58);
  --hub-brand: #322045;
  --hub-brand-deep: #1E1329;
  --hub-brand-soft: #D097E7;
  --hub-accent: #FE6E4E;
  --hub-accent-hover: #E85A3A;
  --hub-accent-active: #83230E;
  --hub-on-accent: #1E1329;
  --hub-link: #322045;
  --hub-link-hover: #83230E;
  --hub-rail: #1E1329;
  --hub-rail-ink: #E7ECE4;
  --hub-rail-ink-soft: rgba(231, 236, 228, 0.66);
  --hub-rail-line: rgba(231, 236, 228, 0.12);
  --hub-on-dark: #E7ECE4;
  --hub-hero-scrim: linear-gradient(90deg, rgba(30, 19, 41, 0.55) 0%, rgba(30, 19, 41, 0.18) 38%, rgba(30, 19, 41, 0) 62%);
  --hub-hero-scrim-m: linear-gradient(0deg, #1E1329F0 0%, #1E1329C7 36%, #1E132900 70%);
}