/* ============================================================================
   therapie.expert — Markenpalette der Plattform          Stand 08.09.2026
   ----------------------------------------------------------------------------
   Verbindliche CI-Farben (Mirko, 08.09.2026):
       Grün  #258309   ·   Orange #F79811   ·   Grau  #455054
   Alles Weitere ist daraus abgeleitet und auf Lesbarkeit geprüft
   (Schwellen: 4,5:1 Fließtext · 3,0:1 Bedienelemente; Werte in Klammern).

   Diese Datei ist die EINZIGE Stelle, an der Markenfarben stehen. Die Module
   behalten ihre eigenen Variablennamen und bilden sie hierauf ab — so ändert
   ein Wert hier das Aussehen überall, ohne dass ein Modul umgebaut werden muss.

   Meister: /root/plattform-marke.css → wird in alle Module kopiert.
   ============================================================================ */
:root{
  /* --- Reine CI-Werte, unverändert --------------------------------------- */
  --ci-gruen:#258309;
  --ci-orange:#F79811;
  --ci-grau:#455054;

  /* --- Schrift ----------------------------------------------------------- */
  --marke-text:#455054;            /* CI-Grau als Textfarbe          (7,72:1) */
  --marke-text-mittel:#556063;     /* Zwischenton                    (6,02:1) */
  --marke-text-leise:#626D70;      /* Sekundärtext                   (4,95:1) */

  /* --- Flächen ----------------------------------------------------------- */
  --marke-grund:#F5F7F6;
  --marke-flaeche:#FFFFFF;
  --marke-flaeche-tief:#EEF2F1;
  --marke-linie:#DCE3E1;
  --marke-linie-stark:#C4CFCC;

  /* --- Marke ------------------------------------------------------------- */
  --marke-akzent:#258309;          /* CI-Grün               (4,51:1 auf Grund) */
  --marke-akzent-schrift:#FFFFFF;  /* Schrift auf grüner Fläche      (4,85:1) */
  --marke-akzent-zart:#EAF3E6;     /* zarte grüne Fläche                      */
  --marke-akzent-tief:#1B5F06;     /* Text auf zarter Fläche         (6,87:1) */

  /* --- Signal: Orange heißt „Achtung", nicht „falsch" -------------------- */
  --marke-warn:#9A5D00;            /* Warntext, abgedunkelt          (4,95:1) */
  --marke-warn-rand:#F79811;       /* CI-Orange als Rand/Markierung           */
  --marke-warn-zart:#FDF1DE;

  /* --- Bewertung --------------------------------------------------------- */
  --marke-gut:#258309;             /* Verbesserung = Markengrün      (4,85:1) */
  --marke-gut-zart:#EAF3E6;
  --marke-schlecht:#A8442A;        /* Verschlechterung               (5,96:1) */
  --marke-schlecht-zart:#F7E9E4;
  --marke-neutral:#6B7679;
  --marke-neutral-zart:#EFF2F1;
  --marke-fehler:#B3261E;

  /* --- Datenreihen in Diagrammen (unterscheidbar, alle ≥4,2:1) ----------- */
  --marke-reihe-1:#258309;         /* Marke                                   */
  --marke-reihe-2:#4B4FCC;
  --marke-reihe-3:#B06A00;
  --marke-reihe-4:#B3261E;
}

@media (prefers-color-scheme:dark){
  :root{
    --marke-text:#E7EEEC;
    --marke-text-mittel:#B9C6C3;
    --marke-text-leise:#93A19E;    /* (6,94:1) */
    --marke-grund:#0E1413;
    --marke-flaeche:#141C1B;
    --marke-flaeche-tief:#101817;
    --marke-linie:#243130;
    --marke-linie-stark:#33403F;
    --marke-akzent:#3AA817;        /* CI-Grün aufgehellt             (6,02:1) */
    --marke-akzent-schrift:#0E1413;
    --marke-akzent-zart:#152A11;
    --marke-akzent-tief:#7BD45F;
    --marke-warn:#FFB03A;          /* CI-Orange aufgehellt          (10,21:1) */
    --marke-warn-rand:#F79811;
    --marke-warn-zart:#2A2113;
    --marke-gut:#3AA817;
    --marke-gut-zart:#152A11;
    --marke-schlecht:#E8927A;
    --marke-schlecht-zart:#2E1B15;
    --marke-neutral:#93A19E;
    --marke-neutral-zart:#1A2322;
    --marke-fehler:#F2B8B5;
    --marke-reihe-1:#3AA817;
    --marke-reihe-2:#8E92FF;
    --marke-reihe-3:#E0A13C;
    --marke-reihe-4:#F2A093;
  }
}

/* --- Rückweg zur Startseite der Plattform (in jedem Modul gleich) ---------
   Überarbeitet 09.09.2026 nach Rückmeldung: „man hat echte Schwierigkeiten,
   wieder auf die Plattformübersicht zurückzuwechseln."  Drei Ursachen:

   1. Die Beschriftung hieß „Alle Module" und verschwand unter 520 px ganz —
      übrig blieb ein nackter Pfeil, der nicht sagt, wohin er führt. Jetzt
      steht dort „Plattform": nennt das Ziel und ist kurz genug, um auf jedem
      Schirm stehen zu bleiben. Deshalb gibt es hier auch keine .lang-Regel
      mehr; die Beschriftung ist reiner Text und kann von keinem Modul-CSS
      mehr weggeblendet werden.
   2. Der Knopf trug Sekundärtext-Grau auf hellem Rand und wurde schlicht
      übersehen. Jetzt volle Textfarbe, kräftigerer Rand, grüne Tönung beim
      Überfahren.
   3. Er war mit 26 px zu flach für den Daumen. 34 px Mindesthöhe.          */
.zur-plattform{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;
  color:var(--marke-text);text-decoration:none;font-size:13px;font-weight:500;
  white-space:nowrap;min-height:34px;
  border:1px solid var(--marke-linie-stark);border-radius:20px;
  padding:5px 13px 5px 10px;background:var(--marke-flaeche)}
.zur-plattform:hover,.zur-plattform:focus-visible{color:var(--marke-akzent);
  border-color:var(--marke-akzent);background:var(--marke-akzent-zart)}
.zur-plattform:focus-visible{outline:2px solid var(--marke-akzent);outline-offset:2px}
.zur-plattform::before{content:"←";font-size:15px;line-height:1}
@media print{.zur-plattform{display:none}}


/* --- Abbildung für Module mit der Handbuch-/Startseiten-Sprache ---------- */
:root{
  --paper:var(--marke-grund); --surface:var(--marke-flaeche); --line:var(--marke-linie);
  --ink:var(--marke-text); --muted:var(--marke-text-leise);
  --accent:var(--marke-akzent); --accent-ink:var(--marke-akzent-schrift); --accent-soft:var(--marke-akzent-zart);
  --warn:var(--marke-warn); --warn-line:var(--marke-warn-rand); --warn-soft:var(--marke-warn-zart);
  --good:var(--marke-gut); --bad:var(--marke-schlecht); --error:var(--marke-fehler);
}