/* ==========================================================================
   Gästefeedback-Portal – Datenvisualisierungs-Palette
   --------------------------------------------------------------------------
   Abgeleitet aus dem G&H-Corporate-Design (Grün #465726/#5f7433, Beige
   #ca9e67/#9f7442) und mit dem dataviz-Validator (validate_palette.js)
   geprüft. Dokumentation, Messwerte und Regeln: docs/palette.md

   Tokens
     --viz-1 … --viz-8      kategorial (Serienidentität), feste Reihenfolge,
                            nie über 8 hinaus zyklisch – ab Serie 9 in
                            "Weitere" (--viz-other) zusammenfassen
     --viz-seq-1 … -7       sequenziell, eine Farbe (Markengrün), für Heatmaps;
                            seq-1 = geringste Ausprägung (nahe Fläche),
                            seq-7 = höchste Ausprägung (kontraststärkste Stufe);
                            im Dark Mode kehrt sich die Helligkeitsrichtung um
     --grade-good/-warn/-bad   Status der Notenbänder (≤ 2,50 / 2,51–3,50 / > 3,50)
       …-soft               Chip-Hintergrund
       …-ink                Chip-Text (≥ 4,5:1 auf -soft und auf der Fläche)
     --viz-grid/-axis/-muted   Diagramm-Chrom (Gitter, Achse, Beschriftung)

   Die UI-Tokens der Seite (Flächen, Text, Markenfarben) werden hier nicht
   verändert; diese Datei ergänzt sie nur.
   ========================================================================== */

:root {
  /* kategorial – Light, Fläche #fffdf9 */
  --viz-1: #475b10;  /* Oliv (Markengrün)      */
  --viz-2: #a97d3a;  /* Ocker (Markenbeige)     */
  --viz-3: #884360;  /* Pflaume                 */
  --viz-4: #6087c2;  /* Schieferblau            */
  --viz-5: #8a4b24;  /* Rost / Kastanie         */
  --viz-6: #11919e;  /* Petrol                  */
  --viz-7: #7d6f1d;  /* Khaki / Senf            */
  --viz-8: #674f8d;  /* Aubergine               */
  --viz-other: #86857c; /* "Weitere" (neutral, 3,65:1) */

  /* sequenziell – Markengrün, hell → dunkel */
  --viz-seq-1: #a8b98c;
  --viz-seq-2: #92a66f;
  --viz-seq-3: #7d9355;
  --viz-seq-4: #68803a;
  --viz-seq-5: #556d21;
  --viz-seq-6: #44590f;
  --viz-seq-7: #344603;

  /* Status der Notenbänder (nur dafür reserviert) */
  --grade-good:      #319e4c;
  --grade-good-soft: #deeedd;
  --grade-good-ink:  #347140;
  --grade-warn:      #d0a016;
  --grade-warn-soft: #f7eed5;
  --grade-warn-ink:  #826412;
  --grade-bad:       #c83b32;
  --grade-bad-soft:  #f6ded9;
  --grade-bad-ink:   #954c44;

  /* Diagramm-Chrom */
  --viz-grid:  #efe9dc;  /* Gitter-Haarlinie, eine Stufe von der Fläche entfernt */
  --viz-axis:  #d6cebc;  /* Achse / Basislinie */
  --viz-muted: #6f766a;  /* Achsenbeschriftung, Ticks (4,62:1) */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    /* kategorial – Dark, Fläche #1c2016 (gleiche Farbfamilien, neu gestuft) */
    --viz-1: #7e9f5c;
    --viz-2: #9c5e00;
    --viz-3: #955a89;
    --viz-4: #6595ce;
    --viz-5: #ba5a44;
    --viz-6: #229ba3;
    --viz-7: #8c7e2f;
    --viz-8: #927bbd;
    --viz-other: #777c70;

    /* sequenziell – Markengrün; seq-1 liegt nahe der dunklen Fläche, seq-7 ist am hellsten */
    --viz-seq-1: #47552d;
    --viz-seq-2: #586b36;
    --viz-seq-3: #6b8043;
    --viz-seq-4: #7e9650;
    --viz-seq-5: #92ac62;
    --viz-seq-6: #a8c27b;
    --viz-seq-7: #c0d897;

    --grade-good:      #62d286;
    --grade-good-soft: #2d4b31;
    --grade-good-ink:  #87c496;
    --grade-warn:      #dfb455;
    --grade-warn-soft: #4b4425;
    --grade-warn-ink:  #d0b271;
    --grade-bad:       #e27f74;
    --grade-bad-soft:  #4c372d;
    --grade-bad-ink:   #e1988f;

    --viz-grid:  #262c20;
    --viz-axis:  #3a4234;
    --viz-muted: #8a8f82;
  }
}

:root[data-theme="dark"] {
  --viz-1: #7e9f5c;
  --viz-2: #9c5e00;
  --viz-3: #955a89;
  --viz-4: #6595ce;
  --viz-5: #ba5a44;
  --viz-6: #229ba3;
  --viz-7: #8c7e2f;
  --viz-8: #927bbd;
  --viz-other: #777c70;

  --viz-seq-1: #47552d;
  --viz-seq-2: #586b36;
  --viz-seq-3: #6b8043;
  --viz-seq-4: #7e9650;
  --viz-seq-5: #92ac62;
  --viz-seq-6: #a8c27b;
  --viz-seq-7: #c0d897;

  --grade-good:      #62d286;
  --grade-good-soft: #2d4b31;
  --grade-good-ink:  #87c496;
  --grade-warn:      #dfb455;
  --grade-warn-soft: #4b4425;
  --grade-warn-ink:  #d0b271;
  --grade-bad:       #e27f74;
  --grade-bad-soft:  #4c372d;
  --grade-bad-ink:   #e1988f;

  --viz-grid:  #262c20;
  --viz-axis:  #3a4234;
  --viz-muted: #8a8f82;
}