{
  "hinweis": "Maschinenlesbare Fassung des CI-Handbuchs. Erzeugt aus src/app/globals.css durch scripts/ci/build-ci-json.ts — nicht von Hand ändern.",
  "stand": "2026-10-05",
  "grundsatz": "Verbindlich ist der Code: src/app/globals.css im Repo foxifai-web. Dieses Dokument und ci.foxifai.com bilden ihn ab, nicht umgekehrt. Bei Widerspruch gilt die Website.",
  "farben": {
    "grund": {
      "token": "--color-surface-dark",
      "hex": "#1A1A1A",
      "rolle": "Seitenhintergrund, Standard"
    },
    "erhoeht": {
      "token": "--color-surface-elevated",
      "hex": "#242424",
      "rolle": "Karten und erhöhte Flächen"
    },
    "text": {
      "token": "--color-surface",
      "hex": "#F5F5F5",
      "rolle": "Primärtext auf Dunkel",
      "kontrast_auf_grund": 15.96
    },
    "marke": {
      "token": "--color-brand",
      "hex": "#E94F1E",
      "rolle": "CTAs, Akzente, Highlights — nie für Fließtext",
      "kontrast_auf_grund": 4.64
    },
    "auf_marke": {
      "token": "--color-on-brand",
      "hex": "#1A1A1A",
      "rolle": "Schrift auf orangem Grund",
      "kontrast_auf_marke": 4.64
    },
    "taupe": {
      "token": "--color-muted",
      "hex": "#B09A94",
      "rolle": "abgekündigt — nicht für Fließtext",
      "kontrast_auf_grund": 6.54,
      "status": "deprecated"
    }
  },
  "status": {
    "ok": {
      "token": "--color-ok",
      "hex": "#9AE6A4",
      "rolle": "bestanden",
      "kontrast_auf_grund": 11.79
    },
    "warn": {
      "token": "--color-warn",
      "hex": "#E9C46A",
      "rolle": "Hinweis",
      "kontrast_auf_grund": 10.42
    },
    "bad": {
      "token": "--color-bad",
      "hex": "#F08A8A",
      "rolle": "gefallen",
      "kontrast_auf_grund": 7.22
    },
    "muster": "Textfarbe voll, Fläche 8 % Alpha, Rahmen 25 % Alpha."
  },
  "sekundaertext": {
    "regel": "Sekundärtext ist neutral gedimmtes Weiß, nicht das warme Taupe. Gezählt auf foxifai.com: /60 (70×), /80 (66×), /55 (60×), /70 (40×), /50 (39×).",
    "stufen": [
      {
        "wert": "surface/80",
        "rolle": "Fließtext, betont"
      },
      {
        "wert": "surface/70",
        "rolle": "Sekundärtext, kräftiger"
      },
      {
        "wert": "surface/60",
        "rolle": "Sekundärtext, Standard"
      },
      {
        "wert": "surface/55",
        "rolle": "Captions, dezent"
      },
      {
        "wert": "surface/50",
        "rolle": "Kleingedrucktes, Untergrenze"
      }
    ],
    "untergrenze": "surface/50 — darunter reißt der Kontrast unter WCAG AA."
  },
  "linien": {
    "regel": "Rahmen sind neutral aus Surface gemischt, nie braun. Zwei Stufen: border-surface/10 (15×) und /15 (8×) tragen 23 der 29 Fundstellen auf foxifai.com."
  },
  "radien": {
    "regel": "Zwei Radien tragen die gesamte Oberfläche: --radius-card für Karten, Modals und Content-Blöcke, --radius-button für Buttons, Inputs und Tags. Vollrund (999px) nur für Pillen und Badges.",
    "card": "1.25rem",
    "button": "0.5rem"
  },
  "schriften": {
    "display": {
      "familie": "Syne",
      "rolle": "Überschriften H1–H4, Marketing-Momente",
      "gewichte": [
        400,
        700,
        800
      ],
      "standardgewicht": 700,
      "regel": "Jede Überschrift steht in 700, auch auf Grafiken, Folien, OG-Bildern und in Mails. 800 ist ein Akzent, kein Gewicht für Text: höchstens drei Wörter, nur in großer Schrift (ab etwa 40 px), höchstens einmal je Fläche. Erlaubt sind der Claim „Be ahead.“, eine einzelne Kennzahl oder ein Akzentwort."
    },
    "body": {
      "familie": "DM Sans",
      "rolle": "Fließtext, UI, Navigation",
      "gewichte": [
        300,
        400,
        500,
        600,
        700
      ],
      "regel": "Fließtext steht in 300. Hervorhebungen im Fließtext in 500 oder 600, nie fetter. Buttons in 600."
    },
    "mono": {
      "familie": "DM Mono",
      "rolle": "Rohwerte, Kennungen, Pfade, Code",
      "gewichte": [
        400,
        500
      ],
      "regel": "Schwesterschnitt von DM Sans. Nur für Zeichenketten, die man Zeichen für Zeichen liest."
    }
  },
  "typoskala": [
    {
      "stufe": "H1 · Display",
      "groesse": 72,
      "zeilenhoehe": 76,
      "gewicht": 700,
      "familie": "Syne"
    },
    {
      "stufe": "H2 · Section",
      "groesse": 48,
      "zeilenhoehe": 48,
      "gewicht": 700,
      "familie": "Syne"
    },
    {
      "stufe": "H3 · Subsection",
      "groesse": 20,
      "zeilenhoehe": 28,
      "gewicht": 700,
      "familie": "Syne"
    },
    {
      "stufe": "Lead",
      "groesse": 20,
      "zeilenhoehe": 32,
      "gewicht": 300,
      "familie": "DM Sans"
    },
    {
      "stufe": "Body",
      "groesse": 16,
      "zeilenhoehe": 24,
      "gewicht": 300,
      "familie": "DM Sans"
    },
    {
      "stufe": "Button",
      "groesse": 16,
      "zeilenhoehe": 24,
      "gewicht": 600,
      "familie": "DM Sans"
    },
    {
      "stufe": "Eyebrow",
      "groesse": 12,
      "zeilenhoehe": 16,
      "gewicht": 300,
      "familie": "DM Sans",
      "hinweis": "uppercase, letter-spacing .1em, Markenfarbe"
    },
    {
      "stufe": "Caption",
      "groesse": 12,
      "zeilenhoehe": 16,
      "gewicht": 400,
      "familie": "DM Sans"
    }
  ],
  "motion": {
    "kurve": "cubic-bezier(0.16, 1, 0.3, 1)",
    "standard": "Fade Up — opacity 0 → 1, y 24 → 0, 600 ms",
    "regel": "prefers-reduced-motion wird überall respektiert."
  },
  "verbote": [
    "#B09A94 (warmes Taupe) ist abgekündigt und nie für Fließtext.",
    "#E94306 ist ungültig — die verbindliche Markenfarbe ist #E94F1E.",
    "Syne 800 nie für Überschriften, Sätze oder Fließtext, auch nicht auf Grafiken und Folien. Höchstens drei Wörter.",
    "Auf orangem Grund steht dunkle Schrift (--color-on-brand), nie Weiß.",
    "Keine Farbe aus der Tailwind-Standardpalette. Status läuft über --color-ok, --color-warn, --color-bad.",
    "Interaktive Elemente nie unter 44×44 px.",
    "Deutsche Texte mit echten Zeichen: ü ä ö ß — – „ “. Keine ASCII-Ersatzschreibweisen.",
    "Keine Agentur-Floskeln: „ganzheitlich“, „State-of-the-Art“, „zukunftsorientiert“, „Synergien“."
  ],
  "tonalitaet": {
    "rahmen": "Deutsch. Du-Form. Kurze Sätze. Aktiv statt passiv. Zahlen statt Versprechen. Wir haben eine Meinung und sagen sie.",
    "claim": "Be ahead."
  },
  "quellen": {
    "code": "https://github.com/FoxifAI/foxifai-web/blob/main/src/app/globals.css",
    "handbuch": "https://ci.foxifai.com",
    "website": "https://foxifai.com"
  }
}