:root{
/* Echte Markenschriften. Erster Name = Adobe-Fonts-Familienname (wird durch das
   Kit in tokens/fonts.css geladen), danach der Desktop-Name als Fallback für
   lokal installierte Schnitte. Kein Lookalike-Ersatz. */
--font-display:'roc-grotesk-wide','Roc Grotesk Wide',sans-serif; /* Hero + Headline */
--font-body:'roc-grotesk','Roc Grotesk Regular','Roc Grotesk',sans-serif; /* Copy + CTA */
--font-mono:'roc-grotesk','Roc Grotesk Regular',monospace;
--text-display-1:5rem;
--text-display-2:3.5rem;
--text-h1:2.5rem;
--text-h2:1.75rem;
--text-h3:1.25rem;
--text-body-lg:1.125rem;
--text-body:1rem;
--text-small:0.875rem;
--text-caption:0.75rem;
--lh-tight:1.02; /* @kind other */
--lh-heading:1.1; /* @kind other */
--lh-body:1.5; /* @kind other */
--tracking-display:0.01em;
--tracking-tight:-0.01em;
/* Das System nutzt ausschließlich zwei Schnitte: Roc Grotesk Regular und
   Roc Grotesk Wide Regular. Beide stehen auf 400 — keine Bold-, Medium- oder
   sonstigen Gewichte. Hierarchie entsteht über Größe, Weite und Farbe. */
--weight-regular:400;
--weight-medium:400;
--weight-bold:400;
--weight-display:400;
}