/* Typography — Aperture Design System
 *
 * Two faces only: Display (headlines >=19px, tight tracking) and Text (body,
 * UI, captions). Weight ladder is 300 / 400 / 600 / 700 — weight 500 is
 * deliberately absent. Negative letter-spacing at display sizes is the
 * signature "tight" cadence. Body runs at 17px, not 16px.
 */

:root {
  /* ---- Families (from fonts.css) ----------------------------------- */
  /* --font-display, --font-text declared in fonts.css */

  /* ---- Weights ----------------------------------------------------- */
  --weight-light: 300;   /* rare, for airy large reads                    */
  --weight-regular: 400;
  --weight-semibold: 600;/* headlines                                     */
  --weight-bold: 700;    /* taglines needing extra assertion              */

  /* ---- Type scale: size / weight / line-height / tracking ---------- */
  /* hero-display */
  --type-hero-size: 56px;   --type-hero-weight: 600;
  --type-hero-lh: 1.07;     --type-hero-ls: -0.28px;
  /* display-lg — tile headlines */
  --type-display-lg-size: 40px; --type-display-lg-weight: 600;
  --type-display-lg-lh: 1.10;   --type-display-lg-ls: 0px;
  /* display-md — section heads */
  --type-display-md-size: 34px; --type-display-md-weight: 600;
  --type-display-md-lh: 1.47;   --type-display-md-ls: -0.374px;
  /* lead — tile subcopy */
  --type-lead-size: 28px;   --type-lead-weight: 400;
  --type-lead-lh: 1.14;     --type-lead-ls: 0.196px;
  /* lead-airy — the rare weight 300 */
  --type-lead-airy-size: 24px; --type-lead-airy-weight: 300;
  --type-lead-airy-lh: 1.5;    --type-lead-airy-ls: 0px;
  /* tagline */
  --type-tagline-size: 21px; --type-tagline-weight: 600;
  --type-tagline-lh: 1.19;   --type-tagline-ls: 0.231px;
  /* body-strong */
  --type-body-strong-size: 17px; --type-body-strong-weight: 600;
  --type-body-strong-lh: 1.24;   --type-body-strong-ls: -0.374px;
  /* body — default paragraph */
  --type-body-size: 17px;   --type-body-weight: 400;
  --type-body-lh: 1.47;     --type-body-ls: -0.374px;
  /* dense-link — footer / utility columns */
  --type-dense-link-size: 17px; --type-dense-link-weight: 400;
  --type-dense-link-lh: 2.41;   --type-dense-link-ls: 0px;
  /* caption */
  --type-caption-size: 14px; --type-caption-weight: 400;
  --type-caption-lh: 1.43;   --type-caption-ls: -0.224px;
  /* caption-strong */
  --type-caption-strong-size: 14px; --type-caption-strong-weight: 600;
  --type-caption-strong-lh: 1.29;   --type-caption-strong-ls: -0.224px;
  /* button-large — the rare weight 300 */
  --type-button-lg-size: 18px; --type-button-lg-weight: 300;
  --type-button-lg-lh: 1.0;    --type-button-lg-ls: 0px;
  /* button-utility */
  --type-button-util-size: 14px; --type-button-util-weight: 400;
  --type-button-util-lh: 1.29;   --type-button-util-ls: -0.224px;
  /* fine-print */
  --type-fine-size: 12px;   --type-fine-weight: 400;
  --type-fine-lh: 1.0;      --type-fine-ls: -0.12px;
  /* micro-legal */
  --type-micro-size: 10px;  --type-micro-weight: 400;
  --type-micro-lh: 1.3;     --type-micro-ls: -0.08px;
  /* nav-link */
  --type-nav-size: 12px;    --type-nav-weight: 400;
  --type-nav-lh: 1.0;       --type-nav-ls: -0.12px;
}