/* NitroJen typography. Sora = display & headings; Inter = interface & learning content; JetBrains Mono = technical. */
:root {
  --nj-font-display: "Sora", "Inter", system-ui, sans-serif;
  --nj-font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --nj-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --nj-weight-regular: 400;
  --nj-weight-medium: 500;
  --nj-weight-semibold: 600;
  --nj-weight-bold: 700;
  --nj-weight-heavy: 800;

  /* Product + documents scale (size / line-height / tracking) */
  --nj-display-size: 56px; --nj-display-lh: 64px; --nj-display-ls: -0.03em;
  --nj-h1-size: 40px; --nj-h1-lh: 48px; --nj-h1-ls: -0.02em;
  --nj-h2-size: 32px; --nj-h2-lh: 40px; --nj-h2-ls: -0.015em;
  --nj-h3-size: 24px; --nj-h3-lh: 32px; --nj-h3-ls: -0.01em;
  --nj-h4-size: 20px; --nj-h4-lh: 28px; --nj-h4-ls: 0; /* @kind font */
  --nj-body-lg-size: 18px; --nj-body-lg-lh: 28px;
  --nj-body-size: 16px; --nj-body-lh: 24px;
  --nj-body-sm-size: 14px; --nj-body-sm-lh: 20px;
  --nj-caption-size: 12px; --nj-caption-lh: 16px;
  --nj-button-size: 15px; --nj-button-lh: 20px;
  --nj-button-sm-size: 14px;
  --nj-label-size: 13px; --nj-label-lh: 18px;
  --nj-eyebrow-size: 12px; --nj-eyebrow-lh: 16px; --nj-eyebrow-ls: 0.14em;

  /* Marketing scale */
  --nj-hero-size: clamp(48px, 7vw, 96px); --nj-hero-lh: 0.98; /* @kind font */ --nj-hero-ls: -0.055em;
  --nj-section-title-size: clamp(36px, 5vw, 64px); --nj-section-title-lh: 1.05; /* @kind font */ --nj-section-title-ls: -0.045em;
  --nj-lede-size: clamp(18px, 1.6vw, 21px); --nj-lede-lh: 1.55; /* @kind font */

  /* Learning content scale (NitroJen-authored courses) */
  --nj-course-title-size: 40px; --nj-course-title-lh: 48px;
  --nj-lesson-title-size: 32px; --nj-lesson-title-lh: 40px;
  --nj-course-body-size: 17px; --nj-course-body-lh: 27px;
}