/* Auftritt Edo Jidai (edojidai-admin.tuantrungngo.com), 11.10.2026.
   Wird nach styles.css geladen und stellt nur um, was die Marke trägt: Farben, das Logo, das Markenfeld der
   Anmeldung. Werte von der neuen Webseite im Stil von hyakumizu.de (homepage-heroes/clients/edo-jidai/neue-webseite/
   stil.css): fast schwarzer Grund #141113, Bronze #b58c67. Auf weißem Grund ist Bronze als Schrift zu blass, dort
   steht das dunklere #8a6440 (Kontrast über 4,5 : 1). Logo: weißes Torii mit EDO aus ihrem Logo (logo-hell.png),
   dunkel für helle Flächen (logo.png). Eingeklappte Seitenleiste: das Seitensymbol der Webseite (zeichen.png). */

:root {
  /* Akzent: aktive Reiter, Verweise, Fokus, Schalter */
  --brand-600: #8a6440;
  --brand-500: #a87d55;
  --brand-50: #f6efe8;
  /* dunkle Flächen: Knöpfe, Avatar, Speicherleiste */
  --navy-950: #0e0b0d;
  --navy-900: #141113;
  --navy-800: #1f1a1c;
  --navy-700: #2a2326;
  --navy-600: #3a3134;
  --auftritt-bronze: #b58c67;
}
/* Im Dunkelmodus muss der Akzent hell sein, sonst verschwindet er auf dunklem Grund */
.dark {
  --brand-600: #cfa983;
  --brand-500: #dcbd9c;
  --brand-50: #2e241c;
}

/* ------------------------------------------------------- Seitenleiste
   Logo und Name, darunter klein „Dashboard“. Eingeklappt nur das Torii auf dunklem Grund. */
.marke-bild { height: 2.1rem; width: auto; }
.seitenleiste.zu .marke-bild { display: none; }
.seitenleiste.zu .marke::before {
  content: ""; display: block; width: 2.25rem; height: 2.25rem; border-radius: .5rem;
  background: url("zeichen.png") center / cover no-repeat;
}

/* Logo in der Anmeldung und im Fenster „Eigenes Passwort wählen“ */
.hph-logo.auftritt-logo img { height: 2.6rem; width: auto; }
.pw-logo img { height: 1.75rem; width: auto; }

/* Kacheln und Plaketten, die fest auf Indigo standen */
.t-indigo { background: #f6efe8; color: #8a6440; }
.dark .t-indigo { background: rgb(181 140 103 / .2); color: #dcbd9c; }
.dark .badge-indigo, .dark .s-geplant, .dark .wahl-knopf.wahl-projekt,
.dark .wahl-eintrag.gewaehlt, .dark .zeit-preset.aktiv { color: #dcbd9c; }

/* ------------------------------------------------------- Anmeldung
   Markenfeld dunkel wie die Webseite, oben ein Streifen in Bronze, darin das weiße Torii. */
.anmeldung-marke {
  color: #f1ece6;
  border-top: 6px solid var(--auftritt-bronze);
  background:
    radial-gradient(70% 55% at 100% 0%, rgb(181 140 103 / .22), transparent 70%),
    linear-gradient(180deg, #141113 0%, #1d181a 100%);
}
.anmeldung-oberzeile { color: #cfa983; letter-spacing: .14em; }
.anmeldung-titel { color: #ffffff; letter-spacing: .01em; line-height: 1.12; }
.anmeldung-satz, .anmeldung-punkte { color: #cecece; }
.anmeldung-punkte { border-top-color: rgb(255 255 255 / .12); }
.anmeldung-punkte svg { color: #cfa983; }
.anmeldung-wabe { display: none; }
.anmeldung-formular h1 { color: var(--navy-900); }
.dark .anmeldung-formular h1 { color: #f1ece6; }

@media (max-width: 760px) {
  .hph-logo.auftritt-logo img { height: 2.2rem; }
}