/* CoreForge · neue Oberfläche: Gestaltungswerte (Tokens), hell und dunkel.

   Herkunft: vermessen an den eingebetteten Bildern der Entwürfe (4320 × 2880
   Pixel = Ansicht 1440 × 960 bei Faktor 3).
     D3 S.1  = Entwurf 3, Seite 1, „Puls“, hell
     D3 S.7  = Entwurf 3, Seite 7, „Puls“, dunkel
     D7 S.3  = Entwurf 7, Seite 3, „Backlog / Board“, hell
     D7 S.21 = Entwurf 7, Seite 21, „Auftragsboard“, dunkel
   Flächen: häufigste Farbe in einem 3 × 3-Punkte-Feld (81 von 81 Pixeln gleich,
   wo nicht anders vermerkt). Schrift: häufigste Farbe unter den Pixeln mit dem
   größten Abstand zum Grund (Kern der Glyphen).
   Kontrast: WCAG-Formel, Text gegen die genannte Fläche. Wo der Entwurf unter
   4,5:1 liegt, ist der Wert minimal abgedunkelt bzw. aufgehellt; der gemessene
   Wert steht dann im Kommentar („gemessen …, angepasst“).
   „Annahme“ heißt: im Entwurf nicht messbar, gewählt nach Nachbarwerten.

   Die Variablennamen sind dieselben wie oben in neu.css, damit die Shell sie
   übernimmt; neue Namen kommen dazu. Der Dunkelmodus hängt an
   [data-theme="dark"] auf dem Wurzelelement (setzt neu.js). */

:root {
  color-scheme: light;

  /* ---------- Flächen ---------- */
  --cf-kopf: #ffffff;            /* D7 S.3 Kopfzeile (Mitte oben), D3 S.1 Kopfzeile */
  --cf-flaeche: #f6f7fb;         /* D3 S.1 Hauptspalte zwischen den Karten; D7 S.3 Zwischenräume */
  --cf-leiste: #f6f7fb;          /* D3 S.1 / D7 S.3 Seitenleiste; D3 S.1 Kennzahl-Kacheln */
  --cf-karte: #ffffff;           /* D7 S.3 Board-Karte, Detailspalte; D3 S.1 Sprintziel-Karte */
  --cf-auswahl: #ffffff;         /* D3 S.1 „Puls“ ausgewählt in der Seitenleiste, D7 S.3 „Backlog“ */
  --cf-markierung: #eef0f6;      /* Annahme: Hover; Text #141527 darauf 15,8:1 */
  --cf-rahmen: #e6e6ee;          /* D7 S.3 Kartenrand, Linie unter der Kopfzeile; D3 S.1 Kopfzeilenlinie #e6e7ec */

  /* ---------- Schrift ---------- */
  --cf-text: #141527;            /* D7 S.3 Kartentitel, D3 S.1 Sprintziel; 18,0:1 auf Karte, 16,8:1 auf Fläche */
  --cf-text-zwei: #484a5f;       /* D7 S.3 Beschreibung, D3 S.1 Hinweis „18 von 100 Einheiten“; 8,7:1 / 8,1:1 */
  --cf-text-leiste: #454a60;     /* D7 S.3 / D3 S.1 Einträge der Seitenleiste; 8,17:1 auf #f6f7fb */
  --cf-text-leise: #6d6f82;      /* gemessen #76788d (D7 S.3 „Demo-Mandant …“, D3 S.1 Zeitangaben):
                                    nur 4,34:1 auf Karte / 4,05:1 auf Fläche, angepasst: 4,95:1 / 4,62:1 */

  /* ---------- Akzent (Bereich Build, grün) ---------- */
  --cf-akzent: #52820f;          /* gemessen #5e9611 (D7 S.3 „Issue erstellen“, D3 S.1 Symbolkacheln):
                                    weiße Schrift nur 3,59:1, angepasst: 4,61:1 */
  --cf-akzent-text: #ffffff;     /* D7 S.3 Schrift auf dem Hauptknopf; 4,61:1 auf --cf-akzent */
  --cf-akzent-flaeche: #5e9611;  /* D7 S.3 / D3 S.1 gemessen: Punkte, Balken, Symbolkacheln (ohne Text); 3,36:1 auf Fläche */
  --cf-akzent-weich: #edf5e0;    /* D7 S.3 „Board“ ausgewählt, Marke „Build-Space“ */
  --cf-akzent-schrift: #3c6c00;  /* D7 S.3 Text „Build-Space“, „Rückgängig“; 5,62:1 auf weich, 6,29:1 auf Karte */

  /* ---------- Zustände ---------- */
  --cf-link: #2d68c0;            /* gemessen #306fcc (D7 S.3 „Erkenntnis …“, Priorität „Mittel“):
                                    4,25:1 auf --cf-info-weich, angepasst: 4,72:1; auf Karte 5,5:1 */
  --cf-info-weich: #e8effb;      /* Annahme: Grund des Info-Chips */
  --cf-status-offen: #2f70d8;    /* D7 S.3 Zustandsquadrat „To-do“ (ohne Text) */
  --cf-erfolg: #0d7b56;          /* D3 S.1 Punkt „Sandbox“, Trend „+2“; 5,27:1 auf Karte, 4,92:1 auf Fläche */
  --cf-erfolg-weich: #e2f3eb;    /* D3 S.1 Marke „live“ */
  --cf-erfolg-schrift: #047b53;  /* gemessen #047d54 (D3 S.1 „live“): 4,49:1, angepasst: 4,61:1 */
  --cf-warnung: #905a00;         /* D7 S.3 Priorität „Hoch“, D3 S.1 Punkt „Projektleiter“; 5,76:1 auf Karte */
  --cf-warnung-weich: #fbf1d9;   /* Annahme: Grund des Warn-Chips; Text darauf 5,12:1 */
  --cf-gefahr: #b13a26;          /* D7 S.3 Priorität „Dringend“; 6,00:1 auf Karte */
  --cf-gefahr-weich: #ffe4e2;    /* D7 S.3 Chip „Geladen 4 · Limit 4“; Text darauf 4,98:1 */

  /* ---------- KI / Agenten (indigo) ---------- */
  --cf-ki: #5659e6;              /* D3 S.1 Senden-Knopf, Avatar, Punkte „Backend“; weiße Schrift 5,29:1 */
  --cf-ki-text: #ffffff;
  --cf-ki-weich: #ecebfb;        /* D3 S.1 Grund der Rollen-Raute */
  --cf-ki-schrift: #595cc3;      /* D3 S.1 Zähler „3“ an „Vorhaben“; 5,24:1 auf #f6f7fb */
  --cf-ki-spur: #a5a7f1;         /* D3 S.1 Fortschrittsbalken, Anteil „bei der Crew“ (ohne Text) */
  --cf-fokus: #5659e6;           /* Annahme (Entwurf zeigt keinen Fokusrahmen): 5,29:1 auf Karte, 4,94:1 auf Fläche */

  /* ---------- Bereichsfarben (Punkte in der Seitenleiste, ohne Text) ---------- */
  --cf-bereich-projekt: #5e9611;        /* Annahme: wie Build (D3 S.1 Projektseiten grün) */
  --cf-bereich-build: #5e9611;          /* D7 S.3 Punkt „Build“ */
  --cf-bereich-research: #a06539;       /* D7 S.3 Punkt „Research“ */
  --cf-bereich-agentenfabrik: #5659e6;  /* D7 S.3 Punkt „Agentenfabrik“ */
  --cf-bereich-administration: #596781; /* D7 S.3 Punkt „Administration“ */

  /* ---------- Schatten ----------
     Annahme: Der Entwurf zeigt Schatten nur als Bildfehler (graue Rechtecke rechts
     neben „Puls“ ausgewählt, D3 S.1, und neben dem Hinweis „Verschoben nach …“,
     D7 S.3). Richtung rechts unten ist erkennbar, Tiefe und Deckkraft nicht. */
  --cf-schatten-klein: 0 1px 2px rgba(20, 21, 39, 0.06);
  --cf-schatten: 0 8px 24px rgba(20, 21, 39, 0.12);

  /* ---------- Radien (gezählt an den Ecken, Pixel / 3) ---------- */
  --cf-radius-klein: 8px;        /* D3 S.1 Symbolkachel in der Seitenleiste */
  --cf-radius: 10px;             /* D3 S.1 ausgewählter Eintrag „Puls“ */
  --cf-radius-karte: 12px;       /* D7 S.3 Board-Karte; D3 S.1 Kennzahl- und Umgebungs-Kacheln */
  --cf-radius-gross: 16px;       /* D3 S.1 Sprintziel-Karte, Eingabe „Frag den Code …“ */
  --cf-radius-voll: 999px;       /* D7 S.3 Hauptknopf, Chips „Mittel“, „backend“; D3 S.1 „Teilen“ */

  /* ---------- Abstände ---------- */
  --cf-abstand-1: 4px;
  --cf-abstand-2: 8px;
  --cf-abstand-3: 12px;          /* D3 S.1 Lücke zwischen den Kennzahl-Kacheln */
  --cf-abstand-4: 16px;          /* D3 S.1 Innenabstand der Sprintziel-Karte */
  --cf-abstand-5: 24px;          /* D3 S.1 Rand der Hauptspalte */
  --cf-abstand-6: 32px;

  /* ---------- Maße der Shell ---------- */
  --cf-kopf-hoehe: 64px;         /* D3 S.1 Linie unter der Kopfzeile bei 63 px; D7 S.3 bei 59 px */
  --cf-leiste-breite: 240px;     /* D3 S.1 Seitenleiste; D7 S.3: 220 px */
  --cf-arbeitsflaechen-breite: 188px; /* D7 S.3 Spalte „Arbeitsflächen“ */
  --cf-detail-breite: 400px;     /* D7 S.3 Detailspalte rechts */
  --cf-eintrag-hoehe: 34px;      /* D3 S.1 Abstand der Einträge „Puls“, „Projekt“, „Aufbau“ */

  /* ---------- Schrift: Familien und Größen ----------
     Größen aus der Texterkennung der Entwürfe (Zeilenhöhe in Ansichtspixeln). */
  --cf-schrift: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --cf-schrift-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; /* D3 S.1 „2.5.0-rc2“, Uhrzeiten, „SPRINTZIEL“ */
  --cf-groesse-abschnitt: 11px;  /* D3 S.1 „PROJEKT“, „ARBEIT“ (Großbuchstaben, gesperrt) */
  --cf-groesse-klein: 12px;      /* D3 S.1 Untertitel „vor 12 Min. aus main“, Zähler */
  --cf-groesse-meta: 13px;       /* D3 S.1 Suchfeld, Zeitstempel */
  --cf-groesse: 14px;            /* D3 S.1 Seitenleiste, Ereignisse; D7 S.3 Kartentitel */
  --cf-groesse-titel: 16px;      /* D3 S.1 „Kundenportal Nordwind“ in der Kopfzeile */
  --cf-groesse-karte: 18px;      /* D3 S.1 Sprintziel */
  --cf-groesse-kennzahl: 20px;   /* D3 S.1 „9“, „1,8 Tage“ */
  --cf-groesse-seite: 26px;      /* D7 S.21 Seitentitel „Auftragsboard“ */
  --cf-zeilenhoehe: 1.5;
  --cf-sperrung-abschnitt: 0.08em; /* D3 S.1 „STROM DES PROJEKTS“ */
}

[data-theme="dark"] {
  color-scheme: dark;

  /* ---------- Flächen ---------- */
  --cf-kopf: #15151d;            /* D7 S.21 / D3 S.7 Kopfzeile, Spalte „Bereiche“ */
  --cf-flaeche: #0b0c11;         /* D7 S.21 Grund hinter dem Board; D3 S.7 Hauptspalte zwischen den Karten */
  --cf-leiste: #1a1d26;          /* D7 S.21 / D3 S.7 Seitenleiste; D3 S.7 Kennzahl-Kacheln */
  --cf-karte: #15151d;           /* D7 S.21 Board-Karte; D3 S.7 Sprintziel-Karte */
  --cf-auswahl: #15151d;         /* D7 S.21 „Auftragsboard“ ausgewählt; D3 S.7 „Puls“ */
  --cf-markierung: #22252f;      /* Annahme: Hover; Text #f5f6fa darauf 14,2:1, leise 4,84:1 */
  --cf-rahmen: #282834;          /* D7 S.21 Linie unter der Kopfzeile, Kartenrand #282737 */

  /* ---------- Schrift ---------- */
  --cf-text: #f5f6fa;            /* D7 S.21 Kartentitel, Seitentitel; 16,8:1 auf Karte, 18,1:1 auf Fläche */
  --cf-text-zwei: #b8bac9;       /* D7 S.21 „Kundenportal Nordwind“ in der Karte; 9,4:1 auf Karte */
  --cf-text-leiste: #b8bac9;     /* D7 S.21 Einträge der Seitenleiste; 8,7:1 auf #1a1d26 */
  --cf-text-leise: #8d90a3;      /* D7 S.21 „Demo-Mandant …“, D3 S.7 Zeitangaben; 5,75:1 auf Karte, 5,33:1 auf Leiste */

  /* ---------- Akzent (Bereich Build, grün) ---------- */
  --cf-akzent: #8cc63e;          /* D3 S.7 Symbolkacheln, Fortschrittsbalken; als Schrift 8,87:1 auf Karte */
  --cf-akzent-text: #15151d;     /* Annahme: dunkle Schrift auf dem Knopf, 8,87:1
                                    (weiße Schrift wie im Entwurf D7 S.21 nur 2,05:1) */
  --cf-akzent-flaeche: #8cc63e;  /* D3 S.7 Punkte, Balken */
  --cf-akzent-weich: #24311f;    /* D3 S.7 Kürzel „CI“ im Ereignisstrom (#272f22 im Kern) */
  --cf-akzent-schrift: #b9e27c;  /* D3 S.7 Schrift „CI“; 9,39:1 auf weich */

  /* ---------- Zustände ---------- */
  --cf-link: #8fb4ff;            /* Annahme (kein blauer Text auf den dunklen Seiten): 8,77:1 auf Karte, 7,45:1 auf info-weich */
  --cf-info-weich: #1b2340;      /* Annahme */
  --cf-status-offen: #5b8ff0;    /* Annahme: Zustandsquadrat (ohne Text) */
  --cf-erfolg: #a3db5c;          /* D3 S.7 Punkt „Sandbox“, „QA“; 11,1:1 auf Karte */
  --cf-erfolg-weich: #262d25;    /* D3 S.7 Marke „live“ */
  --cf-erfolg-schrift: #a6d869;  /* D3 S.7 Schrift „live“; 8,52:1 auf weich */
  --cf-warnung: #e5c36c;         /* D7 S.21 „Limit 3/3“; 9,32:1 auf weich, 10,7:1 auf Karte */
  --cf-warnung-weich: #262219;   /* D7 S.21 Grund „Limit 3/3“ */
  --cf-gefahr: #fe98ad;          /* D7 S.21 „Limit überschritten“, „Limit 3/2“; 8,91:1 auf Karte */
  --cf-gefahr-weich: #291a21;    /* D7 S.21 Grund „Limit 3/2“; Text darauf 8,16:1 */

  /* ---------- KI / Agenten (indigo) ---------- */
  --cf-ki: #5b5fe7;              /* D3 S.7 Senden-Knopf, Avatar; weiße Schrift 4,96:1 */
  --cf-ki-text: #ffffff;
  --cf-ki-weich: #212445;        /* D3 S.7 Grund der Rollen-Raute */
  --cf-ki-schrift: #9093f5;      /* gemessen #595cf5 (D3 S.7 Zähler „3“): zu dunkel, angepasst: 6,15:1 auf Leiste */
  --cf-ki-spur: #3b3d87;         /* D3 S.7 Fortschrittsbalken, Anteil „bei der Crew“ (ohne Text) */
  --cf-fokus: #7b7ff0;           /* Annahme: 5,30:1 auf Karte, 5,71:1 auf Fläche */

  /* ---------- Bereichsfarben ---------- */
  --cf-bereich-projekt: #8cc63e;        /* Annahme: wie Build */
  --cf-bereich-build: #8cc63e;          /* D7 S.21 Punkt „Build“ */
  --cf-bereich-research: #d29a6b;       /* D7 S.21 Punkt „Research“ */
  --cf-bereich-agentenfabrik: #5b5fe7;  /* D7 S.21 Punkt „Agentenfabrik“ */
  --cf-bereich-administration: #7e89a5; /* D7 S.21 Punkt „Administration“ */

  /* ---------- Schatten (Annahme, auf dunklem Grund kräftiger) ---------- */
  --cf-schatten-klein: 0 1px 2px rgba(0, 0, 0, 0.4);
  --cf-schatten: 0 8px 24px rgba(0, 0, 0, 0.6);
}