/*
 * Keshavarz Plus — global typography scale
 * -----------------------------------------
 * SINGLE SOURCE OF TRUTH FOR FONT SIZES.
 * Edit only these seven values to change typography across the whole site.
 */
:root {
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-display: 40px;
}

/* Author-level fallbacks prevent browser default relative sizes (small, h1,
   sub/sup, etc.) from creating sizes outside the product scale. Page/component
   rules loaded afterwards may choose a different token, but never a new size. */
html,
body,
button,
input,
select,
textarea {
  font-size: var(--text-base);
}

h1 { font-size: var(--text-display); }
h2 { font-size: var(--text-2xl); }
h3 { font-size: var(--text-xl); }
h4 { font-size: var(--text-lg); }
h5,
h6 { font-size: var(--text-base); }
small,
sub,
sup { font-size: var(--text-xs); }