/* Generated from src/theme/typographyTokens.json. Run npm run typography:sync; do not edit. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");
:root {
  --font-sans: "Inter", system-ui, sans-serif;
  --text-small: 12px;
  --text-body: 14px;
  --text-heading: 20px;
  --text-title: 28px;
  --line-small: 16px;
  --line-body: 20px;
  --line-heading: 28px;
  --line-title: 36px;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
}
body { font-family: var(--font-sans); font-size: var(--text-body); line-height: var(--line-body); font-weight: var(--weight-regular); }
h1 { font-size: var(--text-title); line-height: var(--line-title); font-weight: var(--weight-bold); }
h2, h3 { font-size: var(--text-heading); line-height: var(--line-heading); font-weight: var(--weight-bold); }
h4, h5, h6 { font-size: var(--text-body); line-height: var(--line-body); font-weight: var(--weight-bold); }
button, input, select, textarea { font: inherit; }
@media (max-width: 1023px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="button"]):not([type="submit"]), textarea, select { font-size: 16px !important; line-height: 22px !important; }
}
code, pre, kbd, samp { font-family: var(--font-sans); }
small { font-size: var(--text-small); line-height: var(--line-small); }