:root {
  --color-dark: #050505;
  --color-darkish: #404040;
  --color-mid: grey;
  --color-lightish: #e6e6e6;
  --color-light: #fafafa;

  --font-plain: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-special: "Barlow Condensed", Helvetica, sans-serif;
  --font-mono: Menlo, Courier, "Courier New", "Andale Mono", monospace;
  --font-serif: Georgia, serif;

  --ratio: 1.4;
  --s-5: clamp(0.33rem, 0.39rem + -0.29vw, 0.18rem);
  --s-4: clamp(0.41rem, 0.47rem + -0.31vw, 0.25rem);
  --s-3: clamp(0.51rem, 0.57rem + -0.31vw, 0.35rem);
  --s-2: clamp(0.64rem, 0.69rem + -0.27vw, 0.5rem);
  --s-1: clamp(0.8rem, 0.84rem + -0.18vw, 0.71rem);
  --s0:  clamp(1rem, 1rem + 0vw, 1rem);
  --s1:  clamp(1.25rem, 1.19rem + 0.32vw, 1.41rem);
  --s2:  clamp(1.56rem, 1.39rem + 0.85vw, 2rem);
  --s3:  clamp(1.95rem, 1.61rem + 1.7vw, 2.83rem);
  --s4:  clamp(2.44rem, 1.83rem + 3.04vw, 4rem);
  --s5:  clamp(3.05rem, 2.04rem + 5.07vw, 5.65rem);

  --measure: 65ch;
  --line-height: var(--ratio);
  --line-height-small: calc(0.8 * var(--ratio));

  /* Bug 59 + 65: einheitliche, ruhige Border-Stärke. Vorher
     --border-thin = clamp ≈ 3.4-6 px, dann (Bug 59) auf 2 px
     reduziert — fühlte sich aber zu dünn an, bei Fokus zog der
     Outline einen sichtbaren zweiten Strich. Jetzt 4 px für
     klare Präsenz; Fokus ohne Outline, dafür dezente Atem-
     Animation auf Inputs (siehe forms.css). */
  --border-thin: 4px;
  --border-thick: 4px;
}