/* ==========================================================================
   Typography
   One place for the type system. The theme ships Plus Jakarta Sans locally
   (see the @font-face in tokens.css), so headings and body share that font.
   Sizes and spacing match the theme's own scale in tokens.css / base.css.
   ========================================================================== */

:root {
  --font-heading: var(--font);
  --font-body: var(--font);
  --fs-base: var(--text-base);
  --lh-base: 1.65;
  --text-color: var(--body);
  --heading-color: var(--ink);
}

/* Body text
   ========================================================================== */

body {
  color: var(--text-color);
  font-family: var(--font-body);
  font-size: var(--fs-base);
  line-height: var(--lh-base);
}

p,
a,
li,
blockquote,
small,
label,
button,
.button,
input,
select,
textarea {
  font-family: var(--font-body);
}

/* Headings
   The theme sets headings tight (line-height 1.08, no margins; spacing comes
   from each component's layout), so those values are kept here.
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: var(--heading-color);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.08;
}

h1 { font-size: var(--text-display); }   /* clamp(2.5rem, 1.2rem + 4.6vw, 5rem) */
h2 { font-size: var(--text-h2); }        /* clamp(2rem, 1.35rem + 2.3vw, 3.25rem) */
h3 { font-size: var(--text-h3); line-height: 1.22; } /* clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem) */
h4 { font-size: 1.5rem; line-height: 1.22; }
h5 { font-size: 1.25rem; line-height: 1.22; }
h6 { font-size: 1rem; line-height: 1.22; }