:root {
  --brand-font-display: 'Barlow Semi Condensed', 'Barlow Condensed', sans-serif;
  --brand-font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --brand-display-transform: uppercase;
  --brand-weight-body-strong: 500;
  --brand-ink-strong: #FCFCFC;
  --brand-ink: #FCFCFC;
  --brand-bg: #0C1014;
  --brand-surface-dark: #14181C;
  --brand-surface-light: #14181C;
  --brand-surface-raised: #2E343B;
  --brand-ink-on-dark: #FCFCFC;
  --brand-accent-bright: #00FBE1;
  --brand-accent: #00FBE1;
  --brand-theme-color: #00FBE1;
  --brand-accent-ink: #00FBE1;
  --brand-accent-on-light: #00736F;
  --brand-cta-bg: #00FBE1;
  --brand-cta-bg-hover: #00A19B;
  --brand-cta-bg-active: #008A85;
  --brand-cta-ink: #14181C;
  --brand-cta-radius: 3px;
  --brand-cta-flash: rgba(12, 16, 20, 0.32);
  --brand-glass: rgba(20, 24, 28, 0.74);
  --brand-glass-blur: 5px;
  --brand-glass-saturate: 1.5;
  --brand-avatar-nudge: -0.045em;
  --brand-logo-w: 92px;
  --brand-logo-w-stuck: 58px;
  --brand-logo-mark-ratio: 112%;
  --brand-logo-mark-ink: color-mix(in srgb, var(--brand-ink-on-dark) 72%, var(--brand-bg));
  --brand-au-ghost: 36%;
  --brand-logo-invert: 0;
}
@media (max-width: 1024px) {
  :root { --brand-logo-w: 66px; --brand-logo-w-stuck: 46px; }
}