/* =========================================================
   typography.css — Font definitions and global typography scale
   ========================================================= */

/* --- Google Fonts Import --- */

/* --- Typography Scale --- */
h1 {
  font-family: var(--font-serif);
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  font-family: var(--font-serif);
  font-size: clamp(1.6rem, 3.5vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  font-family: var(--font-serif);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
}

p, li, label, input, textarea, select {
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.6;
}

small, .caption, figcaption {
  font-family: var(--font-sans);
  font-size: 0.875rem;
  line-height: 1.5;
}