/* Starflight — Typography
   Source: Starflight Design Guide V1.1 (Textstruktur).
   Headings: Roboto. Body ("Fliesstext"): Arial. Fine print: Arial italic.
   NOTE: per brand owner, the over-title ("Übertitel" / ASSOCIATION) uses
   Roboto BOLD (the guide originally specified Roboto Thin). */

:root {
  /* ---- Families ---- */
  --font-heading: "Roboto", "Helvetica Neue", Arial, sans-serif; /* titles & labels */
  --font-body:    Arial, "Helvetica Neue", "Liberation Sans", sans-serif; /* Fliesstext */

  /* ---- Weights (Roboto) ---- */
  --fw-thin:    100; /* @kind font */ /* Roboto Thin */
  --fw-light:   300; /* @kind font */ /* Roboto Light — Titel 2 */
  --fw-regular: 400; /* @kind font */ /* Roboto Regular — Titel 3 */
  --fw-medium:  500; /* @kind font */ /* Roboto Medium — Titel 1 */
  --fw-bold:    700; /* @kind font */ /* Roboto Bold — Übertitel */

  /* ---- Print reference sizes (from the guide, in points) ---- */
  --pt-overline: 18pt; /* @kind font */ /* ASSOCIATION  — Roboto Bold */
  --pt-title-1:  16pt; /* @kind font */ /* Titel 1 — Roboto Medium */
  --pt-title-2:  14pt; /* @kind font */ /* Titel 2 — Roboto Light */
  --pt-title-3:  12pt; /* @kind font */ /* Titel 3 — Roboto Regular */
  --pt-body:     11pt; /* @kind font */ /* Fliesstext — Arial */
  --pt-fine:     10pt; /* @kind font */ /* Kleingedrucktes — Arial italic */

  /* ---- Screen type scale (px) ---- */
  --fs-display:  44px; /* hero / cover — Roboto Bold */
  --fs-title-1:  32px; /* Titel 1 — Roboto Medium */
  --fs-title-2:  24px;
  --fs-title-3:  19px;
  --fs-overline: 14px; /* uppercase kicker — Roboto Bold, tracked */
  --fs-body:     16px;
  --fs-small:    14px;
  --fs-fine:     13px; /* fine print — italic */

  /* ---- Line heights ---- */
  --lh-tight:   1.12; /* @kind font */
  --lh-heading: 1.2;  /* @kind font */
  --lh-body:    1.55; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-overline: 0.16em;  /* @kind font */ /* wide tracking on uppercase labels */
  --ls-title:    0.005em; /* @kind font */
  --ls-body:     0;       /* @kind font */

  /* ---- Composite role tokens ---- */
  --text-overline-transform: uppercase; /* @kind other */
}