:root {
  --font-primary: 'Inter';
  --font-secondary: 'Inter';
  --font-size-primary: 28px;
  --font-size-secondary: 48px;
  --font-weight-primary: 400;
  --font-weight-secondary: 700;
  --line-height-primary: 32.2px;
  --line-height-secondary: 52.8px;

  --c-brand: #4197c8;
  --c-brand-rgb: 65, 151, 200;
  --c-brand-dark: #131e29;
  --c-brand-dark-rgb: 19, 30, 41;
  --c-white: #ffffff;
  --c-white-rgb: 255, 255, 255;
  --c-text-primary: #131e29;
  --c-text-primary-rgb: 19, 30, 41;
  --c-text-secondary: #6d747a;
  --c-text-secondary-rgb: 109, 116, 122;
  --c-border: #cccccc;
  --c-border-rgb: 204, 204, 204;
  --c-surface: #dee3e7;
  --c-surface-rgb: 222, 227, 231;
  --c-floor: #f3f6f8;
  --c-floor-rgb: 243, 246, 248;
  --c-success: #469b67;
  --c-success-rgb: 70, 155, 103;
  --c-alert: #fdca40;
  --c-alert-rgb: 253, 202, 64;
  --c-warning: #cf5c36;
  --c-warning-rgb: 207, 92, 54;
  --c-error: #fd4040;
  --c-error-rgb: 253, 64, 64;
}

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