/* Zack!: Design Tokens aus guides.bethesna.de. Generiert, Stand 2026-10-12. */
:root {
  --zack-color-zack-orange: #FF6700; /* Signal */
  --zack-color-asphalt: #141414; /* Anker */
  --zack-color-sonnenaufgang: #FFE7D1; /* Tint */
  --zack-color-tageslicht: #F7F5F2; /* Fläche */
  --zack-color-weiss: #FFFFFF; /* Grund */
  --zack-font-space-grotesk: "Space Grotesk", Inter, system-ui, sans-serif;
  --zack-font-inter: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --zack-font-jetbrains-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --zack-text-display-l-size: 5.5rem;
  --zack-text-display-l-line: 1.023;
  --zack-text-display-l-weight: 700;
  --zack-text-display-m-size: 3.5rem;
  --zack-text-display-m-line: 1.071;
  --zack-text-display-m-weight: 700;
  --zack-text-heading-size: 2.125rem;
  --zack-text-heading-line: 1.176;
  --zack-text-heading-weight: 700;
  --zack-text-subheading-size: 1.5rem;
  --zack-text-subheading-line: 1.292;
  --zack-text-subheading-weight: 500;
  --zack-text-body-size: 1.0625rem;
  --zack-text-body-line: 1.588;
  --zack-text-body-weight: 400;
  --zack-text-caption-size: 0.875rem;
  --zack-text-caption-line: 1.571;
  --zack-text-caption-weight: 400;
  --zack-text-eyebrow-size: 0.75rem;
  --zack-text-eyebrow-line: 1.333;
  --zack-text-eyebrow-weight: 500;
}