@font-face {
  font-family: 'Public Synergy Sans';
  src: url('/fonts/synergy-sans/SynergySans-VF.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 950;
  font-display: swap;
}

.landing-page, .free-lesson-page {
  --brand-primary: #2556de;
  --brand-primary-hover: #1847c4;
  --brand-dark: #17233d;
  --brand-bg: #f6f8fc;
  --brand-surface: #fff;
  --brand-muted: #596477;
  --brand-border: #dce2ed;
  --brand-radius-xl: 32px;
  --brand-radius-lg: 24px;
  --brand-radius-md: 16px;
  --brand-radius-control: 12px;
  --brand-font: 'Public Synergy Sans', Arial, sans-serif;
}