/* ── TRB Typography — Raleway ────────────────────────────────
   Roles: kicker · headline (1 accent word) · subline · body · caption. */
:root {
  --font-primary: "Raleway", "Helvetica Neue", Arial, sans-serif;
  --font-email:   Helvetica, Arial, sans-serif; /* webfonts unreliable in mail clients */

  /* Weights */
  --fw-light-italic: 300;
  --fw-regular:      400;
  --fw-semibold:     600;
  --fw-bold:         700;
  --fw-extrabold:    800;

  /* Web type scale (px) */
  --fs-h1:      64px;
  --fs-h2:      38px;
  --fs-h3:      24px;
  --fs-body:    17px;
  --fs-caption: 13px;

  /* Role settings */
  --lh-body:         1.65;
  --measure-body:    62ch;       /* max line length for Fließtext */
  --lh-headline:     1.05;
  --lh-subline:      1.3;
  --ls-kicker:       0.32em;      /* uppercase */
  --ls-caption:      0.14em;      /* uppercase */
}

/* Convenience role classes (optional — tokens above are the source of truth) */
.trb-kicker   { font-family: var(--font-primary); font-weight: var(--fw-bold);      text-transform: uppercase; letter-spacing: var(--ls-kicker); }
.trb-headline { font-family: var(--font-primary); font-weight: var(--fw-extrabold); text-transform: uppercase; line-height: var(--lh-headline); }
.trb-subline  { font-family: var(--font-primary); font-weight: var(--fw-semibold);  line-height: var(--lh-subline); }
.trb-body     { font-family: var(--font-primary); font-weight: var(--fw-regular);   line-height: var(--lh-body); max-width: var(--measure-body); text-wrap: pretty; }
.trb-caption  { font-family: var(--font-primary); font-weight: var(--fw-semibold);  text-transform: uppercase; letter-spacing: var(--ls-caption); }