:root{
  --font-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-md: 16px;
  --fs-lg: 20px;
  --fs-xl: 28px;
  --container-max: 1740px;
}

html { font-size: 16px; }
@media (max-width:1200px){ html { font-size: 15px; } }
@media (max-width:900px){ html { font-size: 14px; } }
@media (max-width:600px){ html { font-size: 13px; } }

body { font-family: var(--font-sans); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; }
.h1 { font-size: clamp(20px, 2.6vw, 32px); }
.h2 { font-size: clamp(18px, 2.2vw, 28px); }
.p { font-size: clamp(13px, 1.8vw, 16px); }

.text-sm { font-size: var(--fs-sm); }
.text-md { font-size: var(--fs-md); }
.text-lg { font-size: var(--fs-lg); }