/* Beauty Deutsch — type scale. Base 16px, ratio 1.25. Values from guidelines/typografie.md. */
:root {
  --text-display-xl: 61px;   --lh-display-xl: 1.05; /* @kind other */  --ls-display-xl: -0.01em; /* @kind other */
  --text-display: 49px;      --lh-display: 1.10; /* @kind other */     --ls-display: -0.01em; /* @kind other */
  --text-h1: 39px;           --lh-h1: 1.15; /* @kind other */          --ls-h1: -0.01em; /* @kind other */
  --text-h2: 31px;           --lh-h2: 1.20; /* @kind other */
  --text-h3: 25px;           --lh-h3: 1.25; /* @kind other */
  --text-h4: 20px;           --lh-h4: 1.30; /* @kind other */
  --text-body-l: 18px;       --lh-body-l: 1.60; /* @kind other */
  --text-body: 16px;         --lh-body: 1.65; /* @kind other */
  --text-small: 14px;        --lh-small: 1.50; /* @kind other */
  --text-label: 12px;        --lh-label: 1.40; /* @kind other */       --ls-label: 0.10em; /* @kind other */
  --text-tagline: 28px;      --lh-tagline: 1.30; /* @kind other */
  --text-level-badge: 14px;  --ls-level-badge: 0.06em; /* @kind other */
  --text-vocab: 16px;        --lh-vocab: 1.70; /* @kind other */

  /* Mobile display steps */
  --text-display-xl-mobile: 39px;
  --text-display-mobile: 31px;
  --text-h1-mobile: 28px;
  --text-h2-mobile: 24px;

  --weight-regular: 400; /* @kind font */
  --weight-medium: 500; /* @kind font */
  --weight-semibold: 600; /* @kind font */
  --weight-bold: 700; /* @kind font */

  /* 60–75 characters of body copy */
  --measure: 65ch; /* @kind other */
}