:root {
  /*
  --font-primary: 'Inter';
  --font-secondary: 'MadeCoachella';
  */
  --font-primary: 'Mont';
  --font-secondary: 'Mont';
  --font-size-primary: 32px;
  --font-size-secondary: 48px;
  --font-weight-primary: 300;
  --font-weight-secondary: 600;
  --line-height-primary: 32.2px;
  --line-height-secondary: 52.8px;

  --c-brand: #2487c1;
  --c-brand-rgb: 36, 135, 193;
  --c-brand-dark: #0f171f;
  --c-brand-dark-rgb: 15, 23, 31;
  --c-white: #ffffff;
  --c-white-rgb: 255, 255, 255;
  --c-text-primary: #0f171f;
  --c-text-primary-rgb: 15, 23, 31;
  --c-text-secondary: #5b6379;
  --c-text-secondary-rgb: 91, 99, 121;
  --c-border: #d8e1e6;
  --c-border-rgb: 216, 225, 230;
  --c-surface: #e6eaec;
  --c-surface-rgb: 230, 234, 236;
  --c-floor: #f6f8fa;
  --c-floor-rgb: 246, 248, 250;
  --c-success: #41c857;
  --c-success-rgb: 65, 200, 87;
  --c-alert: #f1ca00;
  --c-alert-rgb: 241, 202, 0;
  --c-warning: #ce8037;
  --c-warning-rgb: 206, 128, 55;
  --c-error: #c84141;
  --c-error-rgb: 200, 65, 65;
}

@media (max-width: 768px) {
  :root {
    --font-size-primary: 22px;
    --font-size-secondary: 32px;
    --line-height-primary: 23px;
    --line-height-secondary: 33px;
  }
}