/* Landingpage in der Fassung des IVD Mitte-Ost.

   Ausgeliefert wird diese Datei NUR auf den Hosts dieses Mandanten
   (statisch.ts). Sie ändert ausschließlich die Farbwerte — Aufbau, Text und
   Verhalten der Seite bleiben dieselben. Die SH-Fassung bleibt unberührt.

   Die Farben sind dieselben wie im Pass (apps/web/src/marke/marken.ts,
   Eintrag `ivd`), aus dem Logo des Verbandes abgenommen:
     #273564 Navy · #3B6BB3 Blau
   Nachgerechnet, weil die Kopfleiste darauf angewiesen ist:
     Weiß auf Navy 11,8:1 · Weiß auf Blau 5,3:1 · Blau auf Weiß 5,3:1

   Wird nach landingpage.css geladen und gewinnt deshalb bei gleicher
   Spezifität. Redefiniert werden nur Tokens, keine Regeln — so bleibt jede
   spätere Änderung an der Seite automatisch auch hier richtig. */

:root {
  --navy:       #273564;
  --navy-tief:  #1B2440;
  --navy-hauch: #EBF0F8;

  --blau:       #3B6BB3;
  /* Dunkler gesetzt für kleine Schrift auf dem Sockel — dieselbe Erwägung wie
     bei --blau-schrift in der SH-Fassung. */
  --blau-schrift: #2F5591;
  --blau-tief:  #273564;
  --blau-hell:  #7FA8DC;
  --blau-hauch: #EBF0F8;

  --papier:  #F7F8FA;
  --flaeche: #FFFFFF;
  --sockel:  #EEF1F7;
  --tinte:   #1B2440;
  --tinte-weich: #4B5573;
  --tinte-fein:  #5B6486;
  --linie:      #E0E4EE;
  --linie-fein: #EDEFF5;

  /* Die dunkle Bühne trägt die weiß gesetzte Wortmarke des Verbandes — sie
     bleibt Navy, damit die Marke steht. */
  --buehne:       #273564;
  --buehne-tief:  #1B2440;
  --buehne-tinte: #FFFFFF;
  --buehne-leise: #C5CDE4;
  --buehne-linie: rgba(255,255,255,0.20);

  --knopf-grund: #3B6BB3;
  --knopf-schrift: #FFFFFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --navy:       #B9C2DA;
    --navy-tief:  #D5DBEB;
    --navy-hauch: #1B2748;

    --blau:       #7FA8DC;
    --blau-schrift: #9DBEE7;
    --blau-tief:  #9DBEE7;
    --blau-hell:  #7FA8DC;
    --blau-hauch: #1B2748;

    --papier:  #0E1426;
    --flaeche: #1B2440;
    --sockel:  #151C33;
    --tinte:   #EEF1F8;
    --tinte-weich: #B9C2DA;
    --tinte-fein:  #93A0C2;
    --linie:      #2E3860;
    --linie-fein: #273052;

    --buehne:       #1B2440;
    --buehne-tief:  #10162B;
    --buehne-tinte: #FFFFFF;
    --buehne-leise: #C5CDE4;
    --buehne-linie: rgba(255,255,255,0.18);

    --knopf-grund: #7FA8DC;
    --knopf-schrift: #0E1426;
  }
}

/* Die Kopfzeile trägt in dieser Fassung einen Absender mehr. Bei 68rem
   Spaltenbreite fiel dadurch der letzte Eintrag („Preis“) hinter den Rand des
   Scrollbereichs — gemessen: 67 px zu wenig. Die Zeile bekommt deshalb hier
   die Breite, die auch die Kopfleiste des Passes hat; der Rest der Seite
   bleibt bei --spalte. */
.navinnen { max-width: 76rem; }

/* Marke des Verbandes neben der eigenen — wie im Kopf des Passes, durch eine
   feine Linie getrennt: Zwei Absender sollen nicht zu einem verschwimmen.
   In landingpage.css steht sie auf `display: none`; sichtbar wird sie erst
   hier, also nur in dieser Fassung. */
.verbandmarke {
  display: flex; align-items: center; height: 26px; flex: none;
  margin-left: 0.2rem; padding-left: 0.9rem; border-left: 1px solid var(--buehne-linie);
}
.verbandmarke img { height: 100%; width: auto; display: block; }
@media (max-width: 58rem) { .verbandmarke { display: none; } }

/* Das Zeichen des Passes im Kopf ist fest im Markup gesetzt (SVG mit
   eigenen Strichfarben) und trägt deshalb hier die Farben des Verbandes. */
.navmarke .zeichen svg path:first-child { stroke: #FFFFFF; }
.navmarke .zeichen svg path:last-child  { stroke: #7FA8DC; }

/* Im Fuß steht, wer den Pass entwickelt hat — in der Verbandsfassung ist das
   die Auskunft, auf die es ankommt. Das SH-Logo bleibt deshalb stehen. */