/* Flächen der Themenseite — weiß → orange → weiß → schwarz → … (src/lib/themenFlaechen.ts).
   Die Farben der Abschnitte stehen als Inline-Stil in src/components/ThemeBlocks.tsx; hier
   steht nur, was sich inline nicht schreiben lässt: Fokusrahmen und Knopf-Varianten.

   Fokus: immer sichtbar, 3 px, auf jeder Fläche in einer Farbe mit mindestens 3:1 gegen den
   Grund UND gegen eine weiße Karte darauf — Schwarz auf Weiß und Orange (7,2:1 gegen Orange),
   Orange auf Schwarz (7,9:1). Der Browser-Standardrahmen verschwände auf Orange. */
.tf-flaeche a:focus-visible,
.tf-flaeche button:focus-visible {
  outline: 3px solid #111111;
  outline-offset: 3px;
}
.tf-schwarz a:focus-visible,
.tf-schwarz button:focus-visible {
  outline-color: #f08300;
}

/* Haupt-Knopf auf Schwarz: der orange Grundknopf, aber mit SCHWARZER Schrift (7,2:1) — die
   weiße Grundschrift läge auf Orange bei 2,6:1. */
.dakby-cta.tf-knopf-auf-schwarz {
  --cta-fg: #111111;
  box-shadow: none;
}

/* Umriss-Knopf auf Schwarz: weißer Rahmen und weiße Schrift statt Schwarz auf Schwarz. */
.dakby-cta.outline.tf-umriss-auf-schwarz {
  color: #ffffff;
  border-color: #ffffff;
}
.dakby-cta.outline.tf-umriss-auf-schwarz:hover {
  background: #ffffff;
  color: #000000;
}