{
  "name": "Hey Albert tokens",
  "stand": "2026-10-21",
  "quelle": "packages/design-system/tokens/quelle",
  "hinweis": "Rollen, nicht Werte, gehören in Bauteile: var(--grund), nie #F8F2E7. Dunkler Modus über :root[data-modus=\"dunkel\"].",
  "tokens": [
    {
      "name": "grund",
      "css": "var(--grund)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F8F2E7",
      "dunkel": "#14110D",
      "alias": null,
      "bedeutung": "Seitenhintergrund, warmes Creme",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "karte",
      "css": "var(--karte)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#EEE8DD",
      "dunkel": "#2A2620",
      "alias": null,
      "bedeutung": "Standardkarte (Termin), beige",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "hell",
      "css": "var(--hell)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#FBF7EE",
      "dunkel": "#201C17",
      "alias": null,
      "bedeutung": "Tagesreiter, Menüs, Badges auf Karten, Suchfeld",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "knopf-zweit",
      "css": "var(--knopf-zweit)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#EDE6D8",
      "dunkel": "#322D26",
      "alias": null,
      "bedeutung": "Segment-Regler inaktiv, sekundäre Knöpfe",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "schwarz",
      "css": "var(--schwarz)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#171717",
      "dunkel": "#0B0A08",
      "alias": null,
      "bedeutung": "Leiste, primäre Knöpfe, heutiger Tag, aktive Auswahl",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "schwarz-zeiger",
      "css": "var(--schwarz-zeiger)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#2C2C2C",
      "dunkel": "#2C2C2C",
      "alias": null,
      "bedeutung": "Schwarz unter dem Zeiger (Knopf, Kreis, heutiger Reiter)",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "schwarz-druck",
      "css": "var(--schwarz-druck)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#3A3A3A",
      "dunkel": "#3A3A3A",
      "alias": null,
      "bedeutung": "Schwarz beim Drücken",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "tinte",
      "css": "var(--tinte)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#1A1A1A",
      "dunkel": "#F4EFE6",
      "alias": null,
      "bedeutung": "Fließtext, Titel",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "grau",
      "css": "var(--grau)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#6E6A63",
      "dunkel": "#A9A297",
      "alias": null,
      "bedeutung": "Zweittext, Zeiten, Beschriftungen",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "linie",
      "css": "var(--linie)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#D8D0BF",
      "dunkel": "#3D372E",
      "alias": null,
      "bedeutung": "Haarlinien 1 px, Ränder von Feldern und Kreisen",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "rosa",
      "css": "var(--rosa)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F3B8DF",
      "dunkel": "#F3B8DF",
      "alias": null,
      "bedeutung": "Akzent: Plus, Jetzt-Zeit, aktiver Ort, Zähler, Lupe",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "rosa-hell",
      "css": "var(--rosa-hell)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F7CDE8",
      "dunkel": "#F7CDE8",
      "alias": null,
      "bedeutung": "Zustands-Pillen, Tageskreis mit Offenem",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "gelb",
      "css": "var(--gelb)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F5D95C",
      "dunkel": "#F5D95C",
      "alias": null,
      "bedeutung": "Familie und Rituale, Alberts Vorschlag (iPhone), Zahlen",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "gelb-dunkel",
      "css": "var(--gelb-dunkel)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#E4C63A",
      "dunkel": "#E4C63A",
      "alias": null,
      "bedeutung": "Formen auf gelben Karten",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "ampel-gruen",
      "css": "var(--ampel-gruen)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#BFD9A6",
      "dunkel": "#BFD9A6",
      "alias": null,
      "bedeutung": "Bewertung: gut (HQ)",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "ampel-gelb",
      "css": "var(--ampel-gelb)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F5D95C",
      "dunkel": "#F5D95C",
      "alias": "gelb",
      "bedeutung": "Bewertung: Potenzial (HQ)",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "ampel-rot",
      "css": "var(--ampel-rot)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#EBA7A0",
      "dunkel": "#EBA7A0",
      "alias": null,
      "bedeutung": "Bewertung: schwach (HQ)",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "text-auf-ampel",
      "css": "var(--text-auf-ampel)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#2B2A25",
      "dunkel": "#2B2A25",
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "blau",
      "css": "var(--blau)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#BFCDF0",
      "dunkel": "#BFCDF0",
      "alias": null,
      "bedeutung": "Fahrten",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "blau-dunkel",
      "css": "var(--blau-dunkel)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#9DB1E3",
      "dunkel": "#9DB1E3",
      "alias": null,
      "bedeutung": "Formen auf blauen Karten",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "offen",
      "css": "var(--offen)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#B8467F",
      "dunkel": "#F09CC6",
      "alias": null,
      "bedeutung": "nur gestrichelter Rand für „ohne Zuständigen“",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "auf-gelb",
      "css": "var(--auf-gelb)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#4A4530",
      "dunkel": "#4A4530",
      "alias": null,
      "bedeutung": "Zweittext auf gelben Flächen",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "leistentext",
      "css": "var(--leistentext)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F4EFE6",
      "dunkel": "#F4EFE6",
      "alias": null,
      "bedeutung": "Text und Zeichen auf Schwarz",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "sonntag",
      "css": "var(--sonntag)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#C9A0BD",
      "dunkel": "#B98CAD",
      "alias": null,
      "bedeutung": "gedämpftes Rosa-Grau für den Sonntag",
      "abschnitt": "Grundfarben (Notizbuch: warmes Papier, Tinte)",
      "kontext": null,
      "nur": null
    },
    {
      "name": "flaeche-seite",
      "css": "var(--flaeche-seite)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F8F2E7",
      "dunkel": "#14110D",
      "alias": "grund",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Flächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "flaeche-erhoben",
      "css": "var(--flaeche-erhoben)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#FBF7EE",
      "dunkel": "#201C17",
      "alias": "hell",
      "bedeutung": "was schwebt: Menü, Reiter, Feld",
      "abschnitt": "Semantische Rollen: Flächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "flaeche-karte",
      "css": "var(--flaeche-karte)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#EEE8DD",
      "dunkel": "#2A2620",
      "alias": "karte",
      "bedeutung": "Termin",
      "abschnitt": "Semantische Rollen: Flächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "flaeche-karte-fahrt",
      "css": "var(--flaeche-karte-fahrt)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#BFCDF0",
      "dunkel": "#BFCDF0",
      "alias": "blau",
      "bedeutung": "Fahrt",
      "abschnitt": "Semantische Rollen: Flächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "flaeche-karte-familie",
      "css": "var(--flaeche-karte-familie)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F5D95C",
      "dunkel": "#F5D95C",
      "alias": "gelb",
      "bedeutung": "Familie und Ritual",
      "abschnitt": "Semantische Rollen: Flächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "flaeche-karte-vorschlag",
      "css": "var(--flaeche-karte-vorschlag)",
      "satz": "farbe",
      "typ": "color",
      "hell": "transparent",
      "dunkel": "transparent",
      "alias": null,
      "bedeutung": "Vorschlag: gestrichelt, ohne Füllung",
      "abschnitt": "Semantische Rollen: Flächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "flaeche-leiste",
      "css": "var(--flaeche-leiste)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#171717",
      "dunkel": "#0B0A08",
      "alias": "schwarz",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Flächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "flaeche-schleier",
      "css": "var(--flaeche-schleier)",
      "satz": "farbe",
      "typ": "color",
      "hell": "rgba(26, 26, 26, 0.32)",
      "dunkel": "rgba(0, 0, 0, 0.56)",
      "alias": null,
      "bedeutung": "dämpft, was dahinter liegt",
      "abschnitt": "Semantische Rollen: Flächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "leiste-ort-zeiger",
      "css": "var(--leiste-ort-zeiger)",
      "satz": "farbe",
      "typ": "color",
      "hell": "rgba(244, 239, 230, 0.08)",
      "dunkel": "rgba(244, 239, 230, 0.08)",
      "alias": null,
      "bedeutung": "Ort in der Leiste unter dem Zeiger",
      "abschnitt": "Semantische Rollen: Flächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "leiste-ort-aktiv-zeiger",
      "css": "var(--leiste-ort-aktiv-zeiger)",
      "satz": "farbe",
      "typ": "color",
      "hell": "rgba(244, 239, 230, 0.14)",
      "dunkel": "rgba(244, 239, 230, 0.14)",
      "alias": null,
      "bedeutung": "aktiver Ort in der Leiste unter dem Zeiger",
      "abschnitt": "Semantische Rollen: Flächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "text-koerper",
      "css": "var(--text-koerper)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#1A1A1A",
      "dunkel": "#F4EFE6",
      "alias": "tinte",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Text",
      "kontext": null,
      "nur": null
    },
    {
      "name": "text-titel",
      "css": "var(--text-titel)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#1A1A1A",
      "dunkel": "#F4EFE6",
      "alias": "tinte",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Text",
      "kontext": null,
      "nur": null
    },
    {
      "name": "text-zweit",
      "css": "var(--text-zweit)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#6E6A63",
      "dunkel": "#A9A297",
      "alias": "grau",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Text",
      "kontext": null,
      "nur": null
    },
    {
      "name": "text-auf-leiste",
      "css": "var(--text-auf-leiste)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F4EFE6",
      "dunkel": "#F4EFE6",
      "alias": "leistentext",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Text",
      "kontext": null,
      "nur": null
    },
    {
      "name": "text-auf-leiste-zweit",
      "css": "var(--text-auf-leiste-zweit)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#9A948B",
      "dunkel": "#8C857A",
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Text",
      "kontext": null,
      "nur": null
    },
    {
      "name": "text-auf-gelb",
      "css": "var(--text-auf-gelb)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#4A4530",
      "dunkel": "#4A4530",
      "alias": "auf-gelb",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Text",
      "kontext": null,
      "nur": null
    },
    {
      "name": "text-auf-blau",
      "css": "var(--text-auf-blau)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#1A1A1A",
      "dunkel": "#1A1A1A",
      "alias": "tinte",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Text",
      "kontext": null,
      "nur": null
    },
    {
      "name": "text-auf-blau-zweit",
      "css": "var(--text-auf-blau-zweit)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#4A4F63",
      "dunkel": "#4A4F63",
      "alias": null,
      "bedeutung": "Zweittext auf blauen Flächen (Fahrt)",
      "abschnitt": "Semantische Rollen: Text",
      "kontext": null,
      "nur": null
    },
    {
      "name": "text-auf-rosa",
      "css": "var(--text-auf-rosa)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#1A1A1A",
      "dunkel": "#1A1A1A",
      "alias": "tinte",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Text",
      "kontext": null,
      "nur": null
    },
    {
      "name": "text-inaktiv",
      "css": "var(--text-inaktiv)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#A29B8F",
      "dunkel": "#7A7469",
      "alias": null,
      "bedeutung": "gerechnet, keine Deckkraft",
      "abschnitt": "Semantische Rollen: Text",
      "kontext": null,
      "nur": null
    },
    {
      "name": "linie-haar",
      "css": "var(--linie-haar)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#D8D0BF",
      "dunkel": "#3D372E",
      "alias": "linie",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Linien und Ränder",
      "kontext": null,
      "nur": null
    },
    {
      "name": "linie-stark",
      "css": "var(--linie-stark)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#C2B8A2",
      "dunkel": "#524A3D",
      "alias": null,
      "bedeutung": "Kontur 1,5 px statt 1 px",
      "abschnitt": "Semantische Rollen: Linien und Ränder",
      "kontext": null,
      "nur": null
    },
    {
      "name": "linie-inaktiv",
      "css": "var(--linie-inaktiv)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#E4DDCE",
      "dunkel": "#2B2620",
      "alias": null,
      "bedeutung": "gerechnet, keine Deckkraft",
      "abschnitt": "Semantische Rollen: Linien und Ränder",
      "kontext": null,
      "nur": null
    },
    {
      "name": "linie-jetzt",
      "css": "var(--linie-jetzt)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#1A1A1A",
      "dunkel": "#F4EFE6",
      "alias": "tinte",
      "bedeutung": "gestrichelte Jetzt-Achse",
      "abschnitt": "Semantische Rollen: Linien und Ränder",
      "kontext": null,
      "nur": null
    },
    {
      "name": "rand-vorschlag",
      "css": "var(--rand-vorschlag)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#6E6A63",
      "dunkel": "#A9A297",
      "alias": "grau",
      "bedeutung": "gestrichelt grau: Vorschlag von Albert",
      "abschnitt": "Semantische Rollen: Linien und Ränder",
      "kontext": null,
      "nur": null
    },
    {
      "name": "rand-offen",
      "css": "var(--rand-offen)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#B8467F",
      "dunkel": "#F09CC6",
      "alias": "offen",
      "bedeutung": "gestrichelt: ohne Zuständigen",
      "abschnitt": "Semantische Rollen: Linien und Ränder",
      "kontext": null,
      "nur": null
    },
    {
      "name": "rand-fokus",
      "css": "var(--rand-fokus)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#B8467F",
      "dunkel": "#F09CC6",
      "alias": "offen",
      "bedeutung": ":focus-visible Ring",
      "abschnitt": "Semantische Rollen: Linien und Ränder",
      "kontext": null,
      "nur": null
    },
    {
      "name": "akzent",
      "css": "var(--akzent)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F3B8DF",
      "dunkel": "#F3B8DF",
      "alias": "rosa",
      "bedeutung": "Akzent und „jetzt“ – nie Fehler",
      "abschnitt": "Semantische Rollen: Akzent und Bedeutung",
      "kontext": null,
      "nur": null
    },
    {
      "name": "akzent-hell",
      "css": "var(--akzent-hell)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F7CDE8",
      "dunkel": "#F7CDE8",
      "alias": "rosa-hell",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Akzent und Bedeutung",
      "kontext": null,
      "nur": null
    },
    {
      "name": "akzent-tief",
      "css": "var(--akzent-tief)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#B8467F",
      "dunkel": "#F09CC6",
      "alias": "offen",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Akzent und Bedeutung",
      "kontext": null,
      "nur": null
    },
    {
      "name": "bedeutung-fahrt",
      "css": "var(--bedeutung-fahrt)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#BFCDF0",
      "dunkel": "#BFCDF0",
      "alias": "blau",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Akzent und Bedeutung",
      "kontext": null,
      "nur": null
    },
    {
      "name": "bedeutung-fahrt-tief",
      "css": "var(--bedeutung-fahrt-tief)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#9DB1E3",
      "dunkel": "#9DB1E3",
      "alias": "blau-dunkel",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Akzent und Bedeutung",
      "kontext": null,
      "nur": null
    },
    {
      "name": "bedeutung-familie",
      "css": "var(--bedeutung-familie)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F5D95C",
      "dunkel": "#F5D95C",
      "alias": "gelb",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Akzent und Bedeutung",
      "kontext": null,
      "nur": null
    },
    {
      "name": "bedeutung-familie-tief",
      "css": "var(--bedeutung-familie-tief)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#E4C63A",
      "dunkel": "#E4C63A",
      "alias": "gelb-dunkel",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Akzent und Bedeutung",
      "kontext": null,
      "nur": null
    },
    {
      "name": "bedeutung-termin",
      "css": "var(--bedeutung-termin)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#EEE8DD",
      "dunkel": "#2A2620",
      "alias": "karte",
      "bedeutung": null,
      "abschnitt": "Semantische Rollen: Akzent und Bedeutung",
      "kontext": null,
      "nur": null
    },
    {
      "name": "knopf-primaer-flaeche",
      "css": "var(--knopf-primaer-flaeche)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#171717",
      "dunkel": "#F4EFE6",
      "alias": "schwarz",
      "bedeutung": null,
      "abschnitt": "Knöpfe",
      "kontext": null,
      "nur": null
    },
    {
      "name": "knopf-primaer-flaeche-zeiger",
      "css": "var(--knopf-primaer-flaeche-zeiger)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#2C2C2C",
      "dunkel": "#E2DACD",
      "alias": "schwarz-zeiger",
      "bedeutung": "Druck macht die Fläche nicht dunkler, sondern die Schrift ruhiger",
      "abschnitt": "Knöpfe",
      "kontext": null,
      "nur": null
    },
    {
      "name": "knopf-primaer-flaeche-druck",
      "css": "var(--knopf-primaer-flaeche-druck)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#3A3A3A",
      "dunkel": "#CFC6B7",
      "alias": "schwarz-druck",
      "bedeutung": null,
      "abschnitt": "Knöpfe",
      "kontext": null,
      "nur": null
    },
    {
      "name": "knopf-primaer-text",
      "css": "var(--knopf-primaer-text)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F4EFE6",
      "dunkel": "#171717",
      "alias": "leistentext",
      "bedeutung": null,
      "abschnitt": "Knöpfe",
      "kontext": null,
      "nur": null
    },
    {
      "name": "knopf-zweit-flaeche",
      "css": "var(--knopf-zweit-flaeche)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#EDE6D8",
      "dunkel": "#322D26",
      "alias": "knopf-zweit",
      "bedeutung": null,
      "abschnitt": "Knöpfe",
      "kontext": null,
      "nur": null
    },
    {
      "name": "knopf-zweit-text",
      "css": "var(--knopf-zweit-text)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#1A1A1A",
      "dunkel": "#F4EFE6",
      "alias": "tinte",
      "bedeutung": null,
      "abschnitt": "Knöpfe",
      "kontext": null,
      "nur": null
    },
    {
      "name": "knopf-inaktiv-flaeche",
      "css": "var(--knopf-inaktiv-flaeche)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#E9E2D4",
      "dunkel": "#2B2620",
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Knöpfe",
      "kontext": null,
      "nur": null
    },
    {
      "name": "knopf-inaktiv-text",
      "css": "var(--knopf-inaktiv-text)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#A29B8F",
      "dunkel": "#7A7469",
      "alias": "text-inaktiv",
      "bedeutung": null,
      "abschnitt": "Knöpfe",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-1",
      "css": "var(--person-1)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#D5F5C2",
      "dunkel": "#D5F5C2",
      "alias": null,
      "bedeutung": "Anna - Mint",
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-2",
      "css": "var(--person-2)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#A8E5E5",
      "dunkel": "#A8E5E5",
      "alias": null,
      "bedeutung": "Tobias - Türkis",
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-3",
      "css": "var(--person-3)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#F6D0FF",
      "dunkel": "#F6D0FF",
      "alias": null,
      "bedeutung": "Felix - Flieder",
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-4",
      "css": "var(--person-4)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#FFD6A5",
      "dunkel": "#FFD6A5",
      "alias": null,
      "bedeutung": "Lena - Pfirsich",
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-5",
      "css": "var(--person-5)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#AEBAFF",
      "dunkel": "#AEBAFF",
      "alias": null,
      "bedeutung": "Sofia - Himmel",
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-6",
      "css": "var(--person-6)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#C7EFD0",
      "dunkel": "#C7EFD0",
      "alias": null,
      "bedeutung": "frei",
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-7",
      "css": "var(--person-7)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#FFC9C9",
      "dunkel": "#FFC9C9",
      "alias": null,
      "bedeutung": "frei",
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-8",
      "css": "var(--person-8)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#E3DCA8",
      "dunkel": "#E3DCA8",
      "alias": null,
      "bedeutung": "frei",
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-text",
      "css": "var(--person-text)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#1A1A1A",
      "dunkel": "#1A1A1A",
      "alias": "tinte",
      "bedeutung": null,
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-linie-1",
      "css": "var(--person-linie-1)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#8FCF6E",
      "dunkel": "#A6DE87",
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-linie-2",
      "css": "var(--person-linie-2)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#62BFBF",
      "dunkel": "#7FD6D6",
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-linie-3",
      "css": "var(--person-linie-3)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#D28FE8",
      "dunkel": "#E4A8F5",
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-linie-4",
      "css": "var(--person-linie-4)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#E0A55F",
      "dunkel": "#F0BE7C",
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-linie-5",
      "css": "var(--person-linie-5)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#7B8BE0",
      "dunkel": "#9AA8F0",
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-linie-6",
      "css": "var(--person-linie-6)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#7FC993",
      "dunkel": "#98DBAA",
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-linie-7",
      "css": "var(--person-linie-7)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#E08F8F",
      "dunkel": "#F0A8A8",
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "person-linie-8",
      "css": "var(--person-linie-8)",
      "satz": "farbe",
      "typ": "color",
      "hell": "#B7AE6A",
      "dunkel": "#CFC57F",
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Personenfarben (Klebezettel). Text darauf ist immer Tinte. Acht Plätze; Familie Sonntag belegt fünf.",
      "kontext": null,
      "nur": null
    },
    {
      "name": "schrift-titel",
      "css": "var(--schrift-titel)",
      "satz": "schrift",
      "typ": "fontFamily",
      "hell": "\"Bricolage Grotesque\", \"Helvetica Neue\", system-ui, sans-serif",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Schriften",
      "kontext": null,
      "nur": null
    },
    {
      "name": "schrift-text",
      "css": "var(--schrift-text)",
      "satz": "schrift",
      "typ": "fontFamily",
      "hell": "Inter, system-ui, -apple-system, sans-serif",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Schriften",
      "kontext": null,
      "nur": null
    },
    {
      "name": "schrift-mono",
      "css": "var(--schrift-mono)",
      "satz": "schrift",
      "typ": "fontFamily",
      "hell": "\"Roboto Mono\", ui-monospace, \"SF Mono\", monospace",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Schriften",
      "kontext": null,
      "nur": null
    },
    {
      "name": "schrift-hand",
      "css": "var(--schrift-hand)",
      "satz": "schrift",
      "typ": "fontFamily",
      "hell": "\"Reenie Beanie\", \"Bradley Hand\", cursive",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Schriften",
      "kontext": null,
      "nur": null
    },
    {
      "name": "gewicht-titel",
      "css": "var(--gewicht-titel)",
      "satz": "schrift",
      "typ": "fontWeight",
      "hell": "800",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Gewichte",
      "kontext": null,
      "nur": null
    },
    {
      "name": "gewicht-text",
      "css": "var(--gewicht-text)",
      "satz": "schrift",
      "typ": "fontWeight",
      "hell": "400",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Gewichte",
      "kontext": null,
      "nur": null
    },
    {
      "name": "gewicht-text-halb",
      "css": "var(--gewicht-text-halb)",
      "satz": "schrift",
      "typ": "fontWeight",
      "hell": "500",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Gewichte",
      "kontext": null,
      "nur": null
    },
    {
      "name": "gewicht-text-fest",
      "css": "var(--gewicht-text-fest)",
      "satz": "schrift",
      "typ": "fontWeight",
      "hell": "600",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Gewichte",
      "kontext": null,
      "nur": null
    },
    {
      "name": "grad-anrede-mac",
      "css": "var(--grad-anrede-mac)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "40px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "„Guten Morgen, Anna.“ auf dem Mac",
      "abschnitt": "Grade",
      "kontext": null,
      "nur": null
    },
    {
      "name": "grad-anrede-phone",
      "css": "var(--grad-anrede-phone)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "30px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "dieselbe Zeile auf dem iPhone",
      "abschnitt": "Grade",
      "kontext": null,
      "nur": null
    },
    {
      "name": "grad-zahl-gross",
      "css": "var(--grad-zahl-gross)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "34px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "Zahl-Kachel: 8,7 h",
      "abschnitt": "Grade",
      "kontext": null,
      "nur": null
    },
    {
      "name": "grad-block-titel",
      "css": "var(--grad-block-titel)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "22px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "Logo in der Leiste",
      "abschnitt": "Grade",
      "kontext": null,
      "nur": null
    },
    {
      "name": "grad-abschnitt",
      "css": "var(--grad-abschnitt)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "17px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Grade",
      "kontext": null,
      "nur": null
    },
    {
      "name": "grad-karten-titel",
      "css": "var(--grad-karten-titel)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "14.5px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "Kartentitel",
      "abschnitt": "Grade",
      "kontext": null,
      "nur": null
    },
    {
      "name": "grad-text",
      "css": "var(--grad-text)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "14px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Grade",
      "kontext": null,
      "nur": null
    },
    {
      "name": "grad-zweit",
      "css": "var(--grad-zweit)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "12px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "Zweitzeile, Zeiten",
      "abschnitt": "Grade",
      "kontext": null,
      "nur": null
    },
    {
      "name": "grad-klein",
      "css": "var(--grad-klein)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "11px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Grade",
      "kontext": null,
      "nur": null
    },
    {
      "name": "grad-kapitaelchen",
      "css": "var(--grad-kapitaelchen)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "10px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "Wochentag im Tagesreiter",
      "abschnitt": "Grade",
      "kontext": null,
      "nur": null
    },
    {
      "name": "laufweite-titel",
      "css": "var(--laufweite-titel)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "-0.03em",
      "dunkel": null,
      "alias": null,
      "bedeutung": "eng, wie in den Screensets",
      "abschnitt": "Laufweite",
      "kontext": null,
      "nur": null
    },
    {
      "name": "laufweite-text",
      "css": "var(--laufweite-text)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "0em",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Laufweite",
      "kontext": null,
      "nur": null
    },
    {
      "name": "laufweite-kapitaelchen",
      "css": "var(--laufweite-kapitaelchen)",
      "satz": "schrift",
      "typ": "dimension",
      "hell": "0.08em",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Laufweite",
      "kontext": null,
      "nur": null
    },
    {
      "name": "zeile-titel",
      "css": "var(--zeile-titel)",
      "satz": "schrift",
      "typ": "number",
      "hell": "1.02",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Zeilen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "zeile-karten-titel",
      "css": "var(--zeile-karten-titel)",
      "satz": "schrift",
      "typ": "number",
      "hell": "1.2",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Zeilen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "zeile-text",
      "css": "var(--zeile-text)",
      "satz": "schrift",
      "typ": "number",
      "hell": "1.45",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Zeilen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "ziffern-tabellarisch",
      "css": "var(--ziffern-tabellarisch)",
      "satz": "schrift",
      "typ": "other",
      "hell": "\"tnum\" 1, \"lnum\" 1",
      "dunkel": null,
      "alias": null,
      "bedeutung": "Zahlen und Zeiten: tabellarische Ziffern",
      "abschnitt": "Ziffern",
      "kontext": null,
      "nur": null
    },
    {
      "name": "raum-halb",
      "css": "var(--raum-halb)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "4px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "8-px-Raster",
      "kontext": null,
      "nur": null
    },
    {
      "name": "raum-1",
      "css": "var(--raum-1)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "8px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "8-px-Raster",
      "kontext": null,
      "nur": null
    },
    {
      "name": "raum-2",
      "css": "var(--raum-2)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "16px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "8-px-Raster",
      "kontext": null,
      "nur": null
    },
    {
      "name": "raum-3",
      "css": "var(--raum-3)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "24px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "8-px-Raster",
      "kontext": null,
      "nur": null
    },
    {
      "name": "raum-4",
      "css": "var(--raum-4)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "32px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "8-px-Raster",
      "kontext": null,
      "nur": null
    },
    {
      "name": "raum-5",
      "css": "var(--raum-5)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "40px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "8-px-Raster",
      "kontext": null,
      "nur": null
    },
    {
      "name": "raum-6",
      "css": "var(--raum-6)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "48px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "8-px-Raster",
      "kontext": null,
      "nur": null
    },
    {
      "name": "raum-8",
      "css": "var(--raum-8)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "64px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "8-px-Raster",
      "kontext": null,
      "nur": null
    },
    {
      "name": "karte-innen",
      "css": "var(--karte-innen)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "12px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Abstände, wie in den Screensets gemessen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "karte-abstand",
      "css": "var(--karte-abstand)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "8px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Abstände, wie in den Screensets gemessen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "flaeche-rand-mac",
      "css": "var(--flaeche-rand-mac)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "32px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Abstände, wie in den Screensets gemessen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "flaeche-rand-phone",
      "css": "var(--flaeche-rand-phone)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "20px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Abstände, wie in den Screensets gemessen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "ziel-zeiger",
      "css": "var(--ziel-zeiger)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "28px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Zielflächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "ziel-finger",
      "css": "var(--ziel-finger)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "44px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Zielflächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "ziel-kind",
      "css": "var(--ziel-kind)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "56px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Zielflächen",
      "kontext": null,
      "nur": null
    },
    {
      "name": "leiste-mac",
      "css": "var(--leiste-mac)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "220px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Leisten",
      "kontext": null,
      "nur": null
    },
    {
      "name": "leiste-mac-eng",
      "css": "var(--leiste-mac-eng)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "72px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Leisten",
      "kontext": null,
      "nur": null
    },
    {
      "name": "leiste-phone-hoehe",
      "css": "var(--leiste-phone-hoehe)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "64px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Leisten",
      "kontext": null,
      "nur": null
    },
    {
      "name": "umbruch-tisch",
      "css": "var(--umbruch-tisch)",
      "satz": "raum",
      "typ": "dimension",
      "hell": "768px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "ab hier ist es ein Tisch, kein Handy (nur Tailwind-Breakpoint, nicht in spacing.css)",
      "abschnitt": "Leisten",
      "kontext": null,
      "nur": [
        "tailwind"
      ]
    },
    {
      "name": "radius-karte",
      "css": "var(--radius-karte)",
      "satz": "form",
      "typ": "dimension",
      "hell": "16px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "Karten und Menüs",
      "abschnitt": "Radien",
      "kontext": null,
      "nur": null
    },
    {
      "name": "radius-klein",
      "css": "var(--radius-klein)",
      "satz": "form",
      "typ": "dimension",
      "hell": "12px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "Tagesreiter, kleine Karten",
      "abschnitt": "Radien",
      "kontext": null,
      "nur": null
    },
    {
      "name": "radius-leiste",
      "css": "var(--radius-leiste)",
      "satz": "form",
      "typ": "dimension",
      "hell": "24px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "iPhone-Leiste",
      "abschnitt": "Radien",
      "kontext": null,
      "nur": null
    },
    {
      "name": "radius-block",
      "css": "var(--radius-block)",
      "satz": "form",
      "typ": "dimension",
      "hell": "22px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "Mac-Block",
      "abschnitt": "Radien",
      "kontext": null,
      "nur": null
    },
    {
      "name": "radius-pille",
      "css": "var(--radius-pille)",
      "satz": "form",
      "typ": "dimension",
      "hell": "999px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "Pillen, Kreise, Knöpfe",
      "abschnitt": "Radien",
      "kontext": null,
      "nur": null
    },
    {
      "name": "strich-haar",
      "css": "var(--strich-haar)",
      "satz": "form",
      "typ": "dimension",
      "hell": "1px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Striche",
      "kontext": null,
      "nur": null
    },
    {
      "name": "strich-stark",
      "css": "var(--strich-stark)",
      "satz": "form",
      "typ": "dimension",
      "hell": "1.5px",
      "dunkel": null,
      "alias": null,
      "bedeutung": "Kontur wird stark, statt Schatten",
      "abschnitt": "Striche",
      "kontext": null,
      "nur": null
    },
    {
      "name": "strich-gestrichelt",
      "css": "var(--strich-gestrichelt)",
      "satz": "form",
      "typ": "dimension",
      "hell": "1.5px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Striche",
      "kontext": null,
      "nur": null
    },
    {
      "name": "muster-gestrichelt",
      "css": "var(--muster-gestrichelt)",
      "satz": "form",
      "typ": "other",
      "hell": "5px 4px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Striche",
      "kontext": null,
      "nur": null
    },
    {
      "name": "kippung-zettel",
      "css": "var(--kippung-zettel)",
      "satz": "form",
      "typ": "other",
      "hell": "0.3deg",
      "dunkel": null,
      "alias": null,
      "bedeutung": "was liegt, ist leicht gekippt",
      "abschnitt": "Kippung",
      "kontext": null,
      "nur": null
    },
    {
      "name": "kippung-null",
      "css": "var(--kippung-null)",
      "satz": "form",
      "typ": "other",
      "hell": "0deg",
      "dunkel": null,
      "alias": null,
      "bedeutung": "was schwebt, steht gerade",
      "abschnitt": "Kippung",
      "kontext": null,
      "nur": null
    },
    {
      "name": "schatten",
      "css": "var(--schatten)",
      "satz": "form",
      "typ": "shadow",
      "hell": "none",
      "dunkel": null,
      "alias": null,
      "bedeutung": "nicht verhandelbar",
      "abschnitt": "Schatten und Fokus",
      "kontext": null,
      "nur": null
    },
    {
      "name": "fokus-ring",
      "css": "var(--fokus-ring)",
      "satz": "form",
      "typ": "dimension",
      "hell": "2px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Schatten und Fokus",
      "kontext": null,
      "nur": null
    },
    {
      "name": "fokus-abstand",
      "css": "var(--fokus-abstand)",
      "satz": "form",
      "typ": "dimension",
      "hell": "2px",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Schatten und Fokus",
      "kontext": null,
      "nur": null
    },
    {
      "name": "dauer-kurz",
      "css": "var(--dauer-kurz)",
      "satz": "bewegung",
      "typ": "duration",
      "hell": "120ms",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Dauern",
      "kontext": null,
      "nur": null
    },
    {
      "name": "dauer-mittel",
      "css": "var(--dauer-mittel)",
      "satz": "bewegung",
      "typ": "duration",
      "hell": "200ms",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Dauern",
      "kontext": null,
      "nur": null
    },
    {
      "name": "dauer-atem",
      "css": "var(--dauer-atem)",
      "satz": "bewegung",
      "typ": "duration",
      "hell": "300ms",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Dauern",
      "kontext": null,
      "nur": null
    },
    {
      "name": "verlauf-ruhig",
      "css": "var(--verlauf-ruhig)",
      "satz": "bewegung",
      "typ": "cubicBezier",
      "hell": "cubic-bezier(0.2, 0, 0.2, 1)",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Verläufe",
      "kontext": null,
      "nur": null
    },
    {
      "name": "verlauf-atem",
      "css": "var(--verlauf-atem)",
      "satz": "bewegung",
      "typ": "cubicBezier",
      "hell": "cubic-bezier(0.4, 0, 0.6, 1)",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Verläufe",
      "kontext": null,
      "nur": null
    },
    {
      "name": "dauer-kurz",
      "css": "var(--dauer-kurz)",
      "satz": "bewegung",
      "typ": "duration",
      "hell": "0ms",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Verläufe",
      "kontext": "reduziert",
      "nur": null
    },
    {
      "name": "dauer-mittel",
      "css": "var(--dauer-mittel)",
      "satz": "bewegung",
      "typ": "duration",
      "hell": "0ms",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Verläufe",
      "kontext": "reduziert",
      "nur": null
    },
    {
      "name": "dauer-atem",
      "css": "var(--dauer-atem)",
      "satz": "bewegung",
      "typ": "duration",
      "hell": "0ms",
      "dunkel": null,
      "alias": null,
      "bedeutung": null,
      "abschnitt": "Verläufe",
      "kontext": "reduziert",
      "nur": null
    }
  ]
}