/* Rudel · Marke (Ebene 3 über design-grundlagen und stil-rudel)
   Nur was die App selbst ausmacht: feste Personenfarben, die Signal-Rollen „offen“ und „fällig“ und das Logo.
   Farbwerte stehen nur hier; app.css nutzt Namen (--wk-…, --rd-…).
   Schalter hell/dunkel wie im Fundament: var(--wk-wenn-hell, DUNKEL) var(--wk-wenn-dunkel, HELL). */

:root, [data-stil], [data-theme] {
  /* Personenfarben: jede Person hat eine feste Farbe für Avatar, Wochenraster und Rückblick.
     Hell mit weißer Schrift (≥ 4,5:1), dunkel heller mit dunkler Schrift. */
  --rd-p1: var(--wk-wenn-hell, #7EA3F0) var(--wk-wenn-dunkel, #2F62C9);   /* Blau */
  --rd-p2: var(--wk-wenn-hell, #DA7FC6) var(--wk-wenn-dunkel, #A23C8E);   /* Magenta */
  --rd-p3: var(--wk-wenn-hell, #F3A15A) var(--wk-wenn-dunkel, #A9530B);   /* Orange */
  --rd-p4: var(--wk-wenn-hell, #4FC7B4) var(--wk-wenn-dunkel, #137A6B);   /* Türkis */
  --rd-p5: var(--wk-wenn-hell, #C09C78) var(--wk-wenn-dunkel, #7A5C3E);   /* Braun (Tier) */
  --rd-p6: var(--wk-wenn-hell, #A8C85A) var(--wk-wenn-dunkel, #536E16);   /* Oliv */
  --rd-p7: var(--wk-wenn-hell, #B49CF0) var(--wk-wenn-dunkel, #6D46B8);   /* Violett */
  --rd-p8: var(--wk-wenn-hell, #6CC0DE) var(--wk-wenn-dunkel, #1F6E8F);   /* Petrol */
  --rd-auf-person: var(--wk-wenn-hell, #0F1A18) var(--wk-wenn-dunkel, #FFFFFF);

  /* Signal „offen“: Sonnengelb aus dem Stil (--wk-akzent), nur für „hier fehlt noch jemand“ */
  --rd-offen: var(--wk-akzent);
  --rd-auf-offen: var(--wk-auf-akzent);
  --rd-offen-rand: var(--wk-achtung-rand);
  --rd-offen-flaeche: var(--wk-achtung-flaeche);
  /* Fällig: Zeit vorbei und noch offen */
  --rd-faellig: var(--wk-fehler);
  --rd-faellig-text: var(--wk-fehler-text);
  --rd-faellig-flaeche: var(--wk-fehler-flaeche);
  /* Tanne als Fläche (Fokusleiste, Kopf des Wochenrasters) */
  --rd-tanne: var(--wk-haupt);
  --rd-auf-tanne: var(--wk-auf-haupt);
  --rd-tanne-leise: var(--wk-flaeche-2);
}

/* Rudel-Regel: Knöpfe als Pillen. stil-rudel 0.2.0 rundet nur .wk-btn, nicht den neuen .wk-knopf
   (Kandidat zum Zurückspielen an stil-rudel). */
[data-stil="rudel"] .wk-knopf:not([data-variante="symbol"], [data-variante="schliessen"]) {
  border-radius: var(--wk-radius-rund); padding-inline: var(--wk-abstand-5);
}
[data-stil="rudel"] .wk-feld { border-radius: var(--wk-radius-m); }

.rd-p1 { --rd-person: var(--rd-p1); } .rd-p2 { --rd-person: var(--rd-p2); }
.rd-p3 { --rd-person: var(--rd-p3); } .rd-p4 { --rd-person: var(--rd-p4); }
.rd-p5 { --rd-person: var(--rd-p5); } .rd-p6 { --rd-person: var(--rd-p6); }
.rd-p7 { --rd-person: var(--rd-p7); } .rd-p8 { --rd-person: var(--rd-p8); }