/* Flyttr typography scale.
   Primary face Parabolica (→ Hanken Grotesk). Brand rules:
   Headline – Medium & Light · Body – Regular & Light · Captions – Regular · Display – Regular.
   "Double point size when changing size; skip a weight when changing weight."
   Copy is set flush LEFT. */
:root {
  --font-sans: "Hanken Grotesk", "Parabolica", "Helvetica Neue", Arial, sans-serif;

  /* Type scale (~doubling rhythm where it matters) */
  --text-display: 72px;
  --text-h1: 52px;
  --text-h2: 38px;
  --text-h3: 28px;
  --text-h4: 22px;
  --text-body-lg: 19px;
  --text-body: 17px;
  --text-body-sm: 15px;
  --text-caption: 13px;
  --text-eyebrow: 12px;

  /* Line heights */
  --leading-tight: 1.04;
  --leading-snug: 1.18;
  --leading-normal: 1.5;
  --leading-relaxed: 1.62;

  /* Letter spacing */
  --tracking-display: -0.02em;
  --tracking-heading: -0.01em;
  --tracking-normal: 0em;
  --tracking-eyebrow: 0.16em;

  /* Default body settings */
  --leading-body: var(--leading-relaxed);
}

/* Lightweight typographic primitives consumers can opt into. */
.fl-display { font-family: var(--font-sans); font-weight: var(--weight-regular); font-size: var(--text-display); line-height: var(--leading-tight); letter-spacing: var(--tracking-display); }
.fl-h1 { font-family: var(--font-sans); font-weight: var(--weight-medium); font-size: var(--text-h1); line-height: var(--leading-tight); letter-spacing: var(--tracking-heading); }
.fl-h2 { font-family: var(--font-sans); font-weight: var(--weight-medium); font-size: var(--text-h2); line-height: var(--leading-snug); letter-spacing: var(--tracking-heading); }
.fl-h3 { font-family: var(--font-sans); font-weight: var(--weight-medium); font-size: var(--text-h3); line-height: var(--leading-snug); }
.fl-h4 { font-family: var(--font-sans); font-weight: var(--weight-medium); font-size: var(--text-h4); line-height: var(--leading-snug); }
.fl-body { font-family: var(--font-sans); font-weight: var(--weight-regular); font-size: var(--text-body); line-height: var(--leading-relaxed); }
.fl-body-light { font-family: var(--font-sans); font-weight: var(--weight-light); font-size: var(--text-body); line-height: var(--leading-relaxed); }
.fl-caption { font-family: var(--font-sans); font-weight: var(--weight-regular); font-size: var(--text-caption); line-height: var(--leading-normal); color: var(--text-secondary); }
.fl-eyebrow { font-family: var(--font-sans); font-weight: var(--weight-medium); font-size: var(--text-eyebrow); line-height: 1; letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; }