/* ST Revival — Typography */
:root {
  --font-display:   "Anton", "Barlow Condensed", Impact, sans-serif;
  --font-heading:   "Barlow Condensed", "Oswald", "Arial Narrow", sans-serif;
  --font-body:      "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-mono:      "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Sizes */
  --fs-2xs:  11px;
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-md:   16px;
  --fs-lg:   18px;
  --fs-xl:   22px;
  --fs-2xl:  28px;
  --fs-3xl:  36px;
  --fs-4xl:  48px;
  --fs-5xl:  64px;
  --fs-6xl:  84px;
  --fs-7xl:  112px;

  /* Line-heights */
  --lh-tight:   1.02; /* @kind other */
  --lh-snug:    1.15; /* @kind other */
  --lh-normal:  1.45; /* @kind other */
  --lh-loose:   1.6;  /* @kind other */

  /* Weights */
  --fw-light:    300; /* @kind other */
  --fw-regular:  400; /* @kind other */
  --fw-medium:   500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:     700; /* @kind other */

  /* Tracking */
  --tracking-tighter: -0.02em; /* @kind other */
  --tracking-tight:   -0.01em; /* @kind other */
  --tracking-normal:   0;      /* @kind other */
  --tracking-wide:     0.04em; /* @kind other */
  --tracking-wider:    0.08em; /* @kind other */
  --tracking-caps:     0.14em; /* @kind other */

  /* Semantic type roles */
  --type-hero-family:  var(--font-display);
  --type-hero-size:    var(--fs-7xl);
  --type-hero-lh:      var(--lh-tight); /* @kind other */
  --type-hero-tracking:var(--tracking-tight); /* @kind other */

  --type-title-family: var(--font-heading);
  --type-title-size:   var(--fs-3xl);
  --type-title-lh:     var(--lh-snug); /* @kind other */

  --type-eyebrow-family: var(--font-heading);
  --type-eyebrow-size:   var(--fs-xs);
  --type-eyebrow-tracking: var(--tracking-caps); /* @kind other */

  --type-body-family:  var(--font-body);
  --type-body-size:    var(--fs-md);
  --type-body-lh:      var(--lh-normal); /* @kind other */

  --type-caption-family: var(--font-body);
  --type-caption-size:   var(--fs-sm);
}