/* ==========================================
   ATLANTE TYPOGRAPHY SYSTEM (v1)
   Home + Article
   ========================================== */

:root{
  --font-display: "Libre Bodoni", serif;
  --font-serif: "IBM Plex Serif", serif;
  --font-sans: "IBM Plex Sans", sans-serif;

  --text: 18px;
  --text-lh: 1.62;

  --kicker: 11px;
  --kicker-track: .14em;

  --h1: clamp(40px, 4.2vw, 64px);
  --h1-lh: 1.06;
  --h1-track: -0.012em;

  --h2: clamp(28px, 2.8vw, 44px);
  --h2-lh: 1.08;
  --h2-track: -0.012em;

  --chapter: 18px;
  --chapter-track: .02em;

  --measure: 760px;
}

body{
  font-family: var(--font-serif);
  font-size: var(--text);
  line-height: var(--text-lh);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,h2,h3{
  font-family: var(--font-display);
}

.kicker, .meta, .nav, .menu, .actions, .btn, button, input, .tts, .tts__time{
  font-family: var(--font-sans);
}

.kicker{
  font-size: var(--kicker);
  letter-spacing: var(--kicker-track);
}

.article h2.chapter{
  font-family: var(--font-sans);
  font-size: var(--chapter);
  letter-spacing: var(--chapter-track);
  font-weight: 700;
}