:root {
  --font-primary: 'Quicksand';
  --font-secondary: 'Quicksand';
  --font-size-primary: 32px;
  --font-size-secondary: 56px;
  --font-weight-primary: 400;
  --font-weight-secondary: 700;
  --line-height-primary: 32.2px;
  --line-height-secondary: 52.8px;

  --c-brand: #f99576;
  --c-brand-rgb: 249, 149, 118;
  --c-brand-dark: #303e48;
  --c-brand-dark-rgb: 48, 62, 72;
  --c-white: #ffffff;
  --c-white-rgb: 255, 255, 255;
  --c-text-primary: #303e48;
  --c-text-primary-rgb: 48, 62, 72;
  --c-text-secondary: #858b90;
  --c-text-secondary-rgb: 133, 139, 144;
  --c-border: #e5d7c6;
  --c-border-rgb: 229, 215, 198;
  --c-surface: #ede3d7;
  --c-surface-rgb: 237, 227, 215;
  --c-floor: #faf7f3;
  --c-floor-rgb: 250, 247, 243;
  --c-success: #82ba86;
  --c-success-rgb: 130, 186, 134;
  --c-alert: #f1c675;
  --c-alert-rgb: 241, 198, 117;
  --c-warning: #e6a16f;
  --c-warning-rgb: 230, 161, 111;
  --c-error: #e66f6f;
  --c-error-rgb: 230, 111, 111;
}

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