/* =======================================================================
   HeiselConnect – Markenwerte
   Einzige Quelle für Farben und Schrift. Wird von jeder Seite als erstes
   Stylesheet eingebunden; die Seiten-Stylesheets bauen nur noch darauf auf.
   ======================================================================= */
:root{
  /* Grün: Akzentfarbe aus Logo und Icons.
     WICHTIG: Grün ist Akzent, kein Dekor. Es steht nur noch auf
     Handlungsaufrufen, dem Fokusring, der Erfolgsmeldung, in den
     Diagrammen, wo es den erreichten Zustand markiert, und auf den zwei
     Icons von Telefon und E-Mail im Kontaktblock. Diese beiden sind die
     einzige Ausnahme im Text: seit die Aufzählung über ihnen entfallen
     ist, tragen sie den Block allein. Alle übrigen Linien, Punkte,
     Häkchen, Icons und Auszeichnungszeilen bleiben neutral. */
  --hc-green:        #74B476;
  --hc-green-deep:   #3f7a4b;   /* trägt weißen Text barrierefrei (AA) */
  --hc-green-hover:  #5f9f61;   /* Hover für grüne Flächen auf hellem Grund */
  --hc-green-light:  #86c588;   /* Hover für grüne Flächen auf dunklem Grund */
  --hc-green-soft:   rgba(116, 180, 118, 0.14);
  --hc-green-ring:   rgba(116, 180, 118, 0.45);

  /* Neutrale Töne */
  --hc-ink:    #222223;   /* Markenschwarz, Kartenflächen */
  --hc-night:  #0d0d0d;   /* Banner / dunkle Abschnitte */
  --hc-paper:  #f4f4f4;   /* heller Seitenhintergrund */

  /* Schrift */
  --hc-font: Arial, Helvetica, sans-serif;
  --hc-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
}