/* ─────────────────────────────────────────────
   Gregor Media — Typography Tokens
   ───────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&family=Poppins:wght@400;500;600;700&family=Montserrat:wght@400;600;700;800&display=swap');

/* Inter is loaded via Google Fonts above; --family-primary resolves to 'Inter'.
   If you have a locally licensed Inter, replace this @import with @font-face rules. */

:root {
  /* ── Font families ── */
  --font-heading:   'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:      'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-accent:    'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Type scale — headings (Nunito) ── */
  --text-display-size:        80px; /* @kind other */
  --text-display-weight:      800; /* @kind other */
  --text-display-line-height: 1.1; /* @kind spacing */

  --text-h1-size:             54px; /* @kind other */
  --text-h1-weight:           700; /* @kind other */
  --text-h1-line-height:      64px; /* @kind spacing */

  --text-h2-size:             42px; /* @kind other */
  --text-h2-weight:           800; /* @kind other */
  --text-h2-line-height:      52px; /* @kind spacing */

  --text-h3-size:             32px; /* @kind other */
  --text-h3-weight:           600; /* @kind other */
  --text-h3-line-height:      42px; /* @kind spacing */

  --text-h4-size:             26px; /* @kind other */
  --text-h4-weight:           600; /* @kind other */
  --text-h4-line-height:      36px; /* @kind spacing */

  --text-h5-size:             20px; /* @kind other */
  --text-h5-weight:           600; /* @kind other */
  --text-h5-line-height:      28px;

  /* ── Type scale — body (Poppins) ── */
  --text-body-lg-size:        18px; /* @kind other */
  --text-body-lg-weight:      400; /* @kind other */
  --text-body-lg-line-height: 28px; /* @kind spacing */

  --text-body-size:           15px; /* @kind other */
  --text-body-weight:         400; /* @kind other */
  --text-body-line-height:    26px; /* @kind spacing */

  --text-body-sm-size:        13px; /* @kind other */
  --text-body-sm-weight:      400; /* @kind other */
  --text-body-sm-line-height: 20px; /* @kind spacing */

  --text-caption-size:        12px; /* @kind other */
  --text-caption-weight:      400; /* @kind other */
  --text-caption-line-height: 18px;

  /* ── Label / UI ── */
  --text-label-size:          15px; /* @kind other */
  --text-label-weight:        700; /* @kind other */
  --text-label-line-height:   26px; /* @kind spacing */

  --text-btn-size:            18px; /* @kind other */
  --text-btn-weight:          700; /* @kind other */
  --text-btn-line-height:     30px; /* @kind spacing */

  --text-nav-size:            15px; /* @kind other */
  --text-nav-weight:          500; /* @kind other */
  --text-nav-line-height:     1; /* @kind spacing */
}