/* Central typography foundation for every Webschets page. */
:root {
  --ws-font-family: "Poppins", Arial, sans-serif;
  --ws-type-hero: 60px;
  --ws-type-section: clamp(34px, 4vw, 50px);
  --ws-type-subsection: clamp(26px, 2.7vw, 36px);
  --ws-type-card-title: clamp(19px, 1.6vw, 23px);
  --ws-type-intro: clamp(17px, 1.3vw, 20px);
  --ws-type-body: 16px;
  --ws-type-card-body: 14px;
  --ws-type-button: 13px;
  --ws-type-label: 13px;
  --ws-type-small: 12px;
}

html:root:root body,
html:root:root body * {
  font-family: var(--ws-font-family) !important;
}

html:root:root body input::placeholder,
html:root:root body textarea::placeholder {
  font-family: var(--ws-font-family) !important;
}

@media (max-width: 900px) {
  :root {
    --ws-type-hero: 42px;
    --ws-type-section: clamp(31px, 9vw, 38px);
    --ws-type-subsection: 28px;
    --ws-type-card-title: 20px;
    --ws-type-intro: 15px;
    --ws-type-body: 15px;
    --ws-type-label: 12px;
  }
}

@media (max-width: 359px) {
  :root {
    --ws-type-hero: 38px;
  }
}