{
  "$description": "Zack!: Design Tokens aus guides.bethesna.de. Generiert, nicht von Hand bearbeiten. Stand 2026-10-12.",
  "color": {
    "zack-orange": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.4039,
          0
        ],
        "hex": "#FF6700"
      },
      "$description": "Signal: Leitfarbe für Aktionen, den Punkt im Logo, Pins und Highlights. Sparsam, denn Orange wirkt, weil es selten ist."
    },
    "asphalt": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0784,
          0.0784,
          0.0784
        ],
        "hex": "#141414"
      },
      "$description": "Anker: Headlines, Fließtext, dunkle Flächen und das einfarbige Logo."
    },
    "sonnenaufgang": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.9059,
          0.8196
        ],
        "hex": "#FFE7D1"
      },
      "$description": "Tint: Zarte Hinterlegung für Hinweise und Hervorhebungen."
    },
    "tageslicht": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9686,
          0.9608,
          0.949
        ],
        "hex": "#F7F5F2"
      },
      "$description": "Fläche: Ruhige Flächen hinter Karten und Abschnitten."
    },
    "weiss": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#FFFFFF"
      },
      "$description": "Grund: Seitengrund. Viel Weiß lässt das Orange atmen."
    }
  },
  "font": {
    "space-grotesk": {
      "$type": "fontFamily",
      "$value": [
        "Space Grotesk",
        "Inter",
        "system-ui",
        "sans-serif"
      ],
      "$description": "Headlines, Zahlen, Buttons · 500 und 700"
    },
    "inter": {
      "$type": "fontFamily",
      "$value": [
        "Inter",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "sans-serif"
      ],
      "$description": "Fließtext, UI, Labels · 400 bis 600"
    },
    "jetbrains-mono": {
      "$type": "fontFamily",
      "$value": [
        "JetBrains Mono",
        "ui-monospace",
        "SFMono-Regular",
        "Menlo",
        "monospace"
      ],
      "$description": "Eyebrows"
    }
  },
  "typography": {
    "display-l": {
      "$type": "typography",
      "$value": {
        "fontFamily": [
          "Space Grotesk",
          "Inter",
          "system-ui",
          "sans-serif"
        ],
        "fontWeight": 700,
        "fontSize": {
          "value": 88,
          "unit": "px"
        },
        "lineHeight": 1.023,
        "letterSpacing": {
          "value": -0.03,
          "unit": "em"
        }
      }
    },
    "display-m": {
      "$type": "typography",
      "$value": {
        "fontFamily": [
          "Space Grotesk",
          "Inter",
          "system-ui",
          "sans-serif"
        ],
        "fontWeight": 700,
        "fontSize": {
          "value": 56,
          "unit": "px"
        },
        "lineHeight": 1.071,
        "letterSpacing": {
          "value": -0.025,
          "unit": "em"
        }
      }
    },
    "heading": {
      "$type": "typography",
      "$value": {
        "fontFamily": [
          "Space Grotesk",
          "Inter",
          "system-ui",
          "sans-serif"
        ],
        "fontWeight": 700,
        "fontSize": {
          "value": 34,
          "unit": "px"
        },
        "lineHeight": 1.176,
        "letterSpacing": {
          "value": -0.02,
          "unit": "em"
        }
      }
    },
    "subheading": {
      "$type": "typography",
      "$value": {
        "fontFamily": [
          "Space Grotesk",
          "Inter",
          "system-ui",
          "sans-serif"
        ],
        "fontWeight": 500,
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "lineHeight": 1.292,
        "letterSpacing": {
          "value": -0.01,
          "unit": "em"
        }
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": [
          "Inter",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontWeight": 400,
        "fontSize": {
          "value": 17,
          "unit": "px"
        },
        "lineHeight": 1.588,
        "letterSpacing": {
          "value": 0,
          "unit": "em"
        }
      }
    },
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": [
          "Inter",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "sans-serif"
        ],
        "fontWeight": 400,
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "lineHeight": 1.571,
        "letterSpacing": {
          "value": 0,
          "unit": "em"
        }
      }
    },
    "eyebrow": {
      "$type": "typography",
      "$value": {
        "fontFamily": [
          "JetBrains Mono",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "monospace"
        ],
        "fontWeight": 500,
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "lineHeight": 1.333,
        "letterSpacing": {
          "value": 0.18,
          "unit": "em"
        }
      }
    }
  }
}