/* Klargesagt · Kennfarbe je Situation.
   Gilt für <body data-muster="…"> auf den Musterseiten (dort färbt sie
   Textmarker, Satz-Chips, Ergebnis- und Kaufbox) und für Verweise mit
   data-muster in Listen (dort als kleines Farbquadrat).
   Das Gelb bleibt Markenfarbe (--brand) und Farbe der ersten Situation. */

:root { --brand: #ffd84d; }

[data-muster="konfliktvermeidung"] { --marker: #ffd84d; --marker-soft: #fff3c4; }
[data-muster="naehe"]              { --marker: #ffb3a1; --marker-soft: #ffe7e0; }
[data-muster="alter_job"]          { --marker: #a9d4ff; --marker-soft: #e3f0ff; }
[data-muster="fragen"]             { --marker: #a8e6c3; --marker-soft: #e1f7ea; }
[data-muster="druck"]              { --marker: #ffc27a; --marker-soft: #ffefd9; }
[data-muster="puffern"]            { --marker: #c9bdf5; --marker-soft: #ece8fc; }
[data-muster="lob"]                { --marker: #ffb8d9; --marker-soft: #ffe6f1; }
[data-muster="entscheiden"]        { --marker: #9fe0dc; --marker-soft: #e0f6f5; }
[data-muster="start"]              { --marker: #d6e88a; --marker-soft: #f1f8d6; }
[data-muster="meeting"]            { --marker: #e8cfa3; --marker-soft: #f8f0e2; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --brand: #e8b400; }
  :root:not([data-theme="light"]) [data-muster="konfliktvermeidung"] { --marker: #e8b400; --marker-soft: #3b3009; }
  :root:not([data-theme="light"]) [data-muster="naehe"]              { --marker: #e07a63; --marker-soft: #3d1f18; }
  :root:not([data-theme="light"]) [data-muster="alter_job"]          { --marker: #6fa8e8; --marker-soft: #15283f; }
  :root:not([data-theme="light"]) [data-muster="fragen"]             { --marker: #5cc08c; --marker-soft: #12331f; }
  :root:not([data-theme="light"]) [data-muster="druck"]              { --marker: #e6962e; --marker-soft: #3d2708; }
  :root:not([data-theme="light"]) [data-muster="puffern"]            { --marker: #9a86e0; --marker-soft: #241c45; }
  :root:not([data-theme="light"]) [data-muster="lob"]                { --marker: #e070a8; --marker-soft: #3d1a2c; }
  :root:not([data-theme="light"]) [data-muster="entscheiden"]        { --marker: #4fbfb8; --marker-soft: #113332; }
  :root:not([data-theme="light"]) [data-muster="start"]              { --marker: #a6c23c; --marker-soft: #2c3510; }
  :root:not([data-theme="light"]) [data-muster="meeting"]            { --marker: #b38f52; --marker-soft: #352915; }
}
:root[data-theme="dark"] { --brand: #e8b400; }
:root[data-theme="dark"] [data-muster="konfliktvermeidung"] { --marker: #e8b400; --marker-soft: #3b3009; }
:root[data-theme="dark"] [data-muster="naehe"]              { --marker: #e07a63; --marker-soft: #3d1f18; }
:root[data-theme="dark"] [data-muster="alter_job"]          { --marker: #6fa8e8; --marker-soft: #15283f; }
:root[data-theme="dark"] [data-muster="fragen"]             { --marker: #5cc08c; --marker-soft: #12331f; }
:root[data-theme="dark"] [data-muster="druck"]              { --marker: #e6962e; --marker-soft: #3d2708; }
:root[data-theme="dark"] [data-muster="puffern"]            { --marker: #9a86e0; --marker-soft: #241c45; }
:root[data-theme="dark"] [data-muster="lob"]                { --marker: #e070a8; --marker-soft: #3d1a2c; }
:root[data-theme="dark"] [data-muster="entscheiden"]        { --marker: #4fbfb8; --marker-soft: #113332; }
:root[data-theme="dark"] [data-muster="start"]              { --marker: #a6c23c; --marker-soft: #2c3510; }
:root[data-theme="dark"] [data-muster="meeting"]            { --marker: #b38f52; --marker-soft: #352915; }

/* Farbquadrat vor dem Schlagwort in Situationslisten */
a[data-muster] .tag::before {
  content: ""; display: inline-block; width: 9px; height: 9px;
  border-radius: 2px; background: var(--marker); margin-right: 8px;
  vertical-align: 0;
}