/* ==========================================================================
   Eist Ee – Theme der Betriebsanwendung (nur INSTANCE=eistee)
   Der Server bindet diese Datei nach styles.css bzw. login.css ein (siehe
   server/src/instance.mjs, theme). styles.css selbst bleibt wie bei obco.

   Wunsch 2026-11-04: aussehen wie obco (Systemschrift, Weiß, Rundungen und
   Schaltflächen wie dort), nur mit dem Eist-Ee-Grün (Oliv #595c49 aus dem Logo)
   statt des obco-Grüns. Deshalb hier nur Farben und das Logo.
   ========================================================================== */

:root {
  /* Eist-Ee-Grün (Logo) */
  --ee-olive: #595c49;
  --ee-olive-deep: #3d4032;

  /* Variablen der App (styles.css, login.css): obco-Aufbau, Grün = Oliv,
     Grautöne leicht in Richtung Oliv statt in Richtung obco-Grün */
  --bg: #f5f6f3;
  --panel: #ffffff;
  --text: #23251d;
  --ink: #23251d;
  --muted: #6a6c60;
  --line: #dcddd5;
  --line-soft: #eaebe5;
  --green: var(--ee-olive);
  --green-dark: var(--ee-olive-deep);
  --green-soft: #eff0ea;
  --shadow: 0 10px 30px rgba(35, 37, 29, 0.08);
  --card-shadow: 0 1px 2px rgba(35, 37, 29, 0.04), 0 6px 16px rgba(35, 37, 29, 0.06);
}

/* Logo statt Schriftzug: Wortmarke der Website, eingefärbt mit dem Eist-Ee-Grün */
.brand,
.login-brand {
  background: var(--ee-olive);
  font-size: 0;
  height: 24px;
  -webkit-mask: url("/instance/eistee-wordmark.svg") no-repeat left center / contain;
  mask: url("/instance/eistee-wordmark.svg") no-repeat left center / contain;
  width: 84px;
}

.login-brand {
  height: 34px;
  width: 119px;
}

.topbar > div:first-child { align-items: center; }

input,
select,
textarea { accent-color: var(--ee-olive); }