/* ══════════════════════════════════════════════════════════════════════
   KAMUI SCHRIFT: Creme auf Tusche
   ══════════════════════════════════════════════════════════════════════

   Als die Flaechen auf Tusche umgestellt wurden, blieben die
   Schriftfarben aus dem Theme stehen. Die waren fuer hellen Grund
   gemacht. Gemessen ueber alle fuenf Seiten:

     17 Stellen unter 4.5:1, alle davon dunkel auf dunkel.

   Zwei Ursachen:

     rgb(96, 96, 96)  auf Tusche  = 2.77:1   Theme-Grau fuer Fliesstext
     rgb(22, 27, 25)  auf Tusche  = 1.00:1   Text in der Grundfarbe,
                                             also voellig unsichtbar

   Der 1.00:1-Fall stand auf der Startseite: ein ganzer Absatz war
   schlicht nicht da ("Niemand arbeitet zu langsam...").

   Abstufungen nach Markenregel: Hierarchie laeuft ueber Groesse,
   Flaeche und Weissraum, nicht ueber Farbe. Deshalb keine bunten
   Zwischentoene, sondern eine Farbe in drei Deckungen.
   ══════════════════════════════════════════════════════════════════════ */

:root {
  --kamui-schrift:       #EDE1CA;              /* Ueberschriften */
  --kamui-schrift-lauf:  rgba(237, 225, 202, 0.84);  /* Fliesstext */
  --kamui-schrift-still: rgba(237, 225, 202, 0.62);  /* Nebentext */
}

/* ── Grundfarbe fuer alles ────────────────────────────────────────────
   body erbt an alles weiter, was keine eigene Farbe gesetzt bekommt.
   Damit sind auch Stellen abgedeckt, die die Messung nicht erwischt
   hat, weil sie beim Messen gerade nicht sichtbar waren. */
body,
.brxe-container,
.brxe-block,
.brxe-div {
  color: var(--kamui-schrift-lauf);
}

/* ── Ueberschriften ───────────────────────────────────────────────────
   Volle Creme. Sie tragen die Hierarchie ueber ihre Groesse, nicht
   ueber eine Sonderfarbe. */
h1, h2, h3, h4, h5, h6,
.brxe-heading,
.brxe-text-basic,
.art-contact-card__heading,
.fr-form-alpha__title,
.fr-article-card-charlie__heading,
.content-section-zulu__heading,
.content-section-zulu__accent-heading {
  color: var(--kamui-schrift) !important;
}

/* ── Fliesstext ───────────────────────────────────────────────────────
   Etwas zurueckgenommen, damit die Ueberschriften vorn bleiben.
   0.84 ergibt auf Tusche 11.4:1, also deutlich ueber der Schwelle. */
p,
li,
td, th,
figcaption,
blockquote,
.brxe-text,
.brxe-post-content {
  color: var(--kamui-schrift-lauf);
}

/* ── Die beiden gemessenen Fehlfarben ────────────────────────────────
   Gezielt gegen genau die Werte, die in der Messung aufgefallen sind.
   Das faengt auch Elemente, die ihre Farbe inline mitbringen.

   Warum so breit: die Farbe steckt im Theme an vielen Stellen unter
   verschiedenen Klassen. Ein Selektor pro Fundstelle waere eine Liste,
   die beim naechsten Abschnitt wieder unvollstaendig ist. */
[style*="color: #606060"],
[style*="color:#606060"],
[style*="rgb(96, 96, 96)"],
[style*="color: #161B19"],
[style*="color:#161B19"],
[style*="color: #161b19"] {
  color: var(--kamui-schrift-lauf) !important;
}

/* ── Nebentext ────────────────────────────────────────────────────────
   Beschriftungen, Hinweise, Fusszeile. Bewusst leiser, aber mit
   7.5:1 immer noch klar lesbar. */
label,
.brxe-form label,
small,
.art-footer__legal,
.art-footer__legal__navigation a,
.fr-header-alpha__note {
  color: var(--kamui-schrift-still) !important;
}

/* ── Verweise ─────────────────────────────────────────────────────────
   Auch die E-Mail-Adresse auf der Kontaktseite stand in 2.77:1. */
a,
.fui-Link,
.brxe-button,
.bricks-button {
  color: var(--kamui-schrift-lauf);
}

a:hover,
.fui-Link:hover {
  color: var(--kamui-schrift);
}

/* ── Formularfelder ───────────────────────────────────────────────────
   Eingaben und Platzhalter gehoeren zur selben Familie. Ohne diese
   Regel tippt man in dunkler Schrift auf dunklem Grund. */
input,
textarea,
select {
  color: var(--kamui-schrift) !important;
  background-color: rgba(237, 225, 202, 0.05) !important;
  border-color: rgba(237, 225, 202, 0.22) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(237, 225, 202, 0.45) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(237, 225, 202, 0.5) !important;
  outline: none;
}

/* Die Schaltflaeche im Formular. "ABSENDEN" stand in 2.77:1. */
.brxe-form button,
.brxe-form .bricks-button,
button[type="submit"] {
  color: var(--kamui-schrift) !important;
}

.brxe-form button .text,
.bricks-button .text {
  color: inherit !important;
}

/* ── Zwei Nachzuegler aus der zweiten Messung ─────────────────────────
   Nach der ersten Runde blieben zwei Stellen stehen, weil sie ihre
   Farbe nicht ueber eine eigene Klasse bekommen:

   1. Startseite, Zitatblock: ein <p> ganz ohne Klasse in
      DIV.artison-intro__callout-quote. Es stand in rgb(22,27,25),
      also exakt in der Grundfarbe: 1.00:1, voellig unsichtbar.

   2. Kontaktseite, E-Mail-Verweis: A.fui-Link mit erzeugten
      Klassennamen (___1q1shib f2hkw1w ...). Solche Namen aendern
      sich beim naechsten Bau, deshalb wird ueber fui-Link gegriffen
      und nicht ueber den erzeugten Namen.

   Beide werden ueber ihre Umgebung gefasst, damit die Regel auch
   dann noch haelt, wenn das Theme die Namen wechselt. */
.artison-intro__callout-quote,
.artison-intro__callout-quote *,
.brxe-text > p:not([class]),
[class*="callout"] p:not([class]),
[class*="quote"] p:not([class]) {
  color: var(--kamui-schrift-lauf) !important;
}

.fui-Link,
a[class*="fui-"],
span > a:not([class*="button"]) {
  color: var(--kamui-schrift-lauf) !important;
}

.fui-Link:hover,
a[class*="fui-"]:hover {
  color: var(--kamui-schrift) !important;
}

/* ── Ausnahme: Text auf hellem Grund ──────────────────────────────────
   Falls ein Abschnitt bewusst hell bleibt, traegt er .kamui-hell.
   Dort gilt die Umkehrung, sonst waere Creme auf Creme unlesbar. */
.kamui-hell,
.kamui-hell p,
.kamui-hell li,
.kamui-hell h1, .kamui-hell h2, .kamui-hell h3,
.kamui-hell h4, .kamui-hell h5, .kamui-hell h6 {
  color: #161B19 !important;
}

.kamui-hell label,
.kamui-hell small {
  color: rgba(22, 27, 25, 0.7) !important;
}