/* EvOo-Branding: ersetzt das Rakazo-Logo (runder Kreis mit zwei gleichen Pillen-Augen)
   ueberall durch das Oo-Logo - Welcome, Anmelden, Registrieren und jede weitere Stelle,
   an der Rakazo dieses Markup rendert:
     <div class="flex h-[..] w-[..] items-center justify-center gap-[..] rounded-full bg-*">
       <span class="h-* w-[..px] rounded-full bg-*"></span> x2
     </div>
   Rein per CSS (:has), damit es Bundle-Updates mit neuen Datei-Hashes uebersteht. */
div.rounded-full.items-center.justify-center:has(
  > span.rounded-full:first-child:nth-last-child(2)
):has(> span.rounded-full:last-child:nth-child(2)) {
  background: url("/evoo-logo.svg") center / contain no-repeat;
  border-radius: 0;
  box-shadow: none;
}
div.rounded-full.items-center.justify-center:has(
    > span.rounded-full:first-child:nth-last-child(2)
  ):has(> span.rounded-full:last-child:nth-child(2))
  > span {
  visibility: hidden;
}

/* Display-Font fuer Headlines: Bagel Fat One (SIL OFL 1.1, selbst gehostet, Latin-Subset, 23 KB).
   Ultrafett und teigig-rund - die O sind pralle Ringe wie die Oo-Augen. Plakat-Charakter, setzt sich klar
   von der UI-Schrift (Geist/System) ab. EIN Schnitt (400): nie fett synthetisieren, nur fuer Headlines. */
@font-face {
  font-family: "EvOo Display";
  src: url("/fonts/evoo-display.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
h1,
h2,
[data-rakazo-surface="welcome"] div[class*="text-[76px]"] {
  font-family: "EvOo Display", "Geist Variable", system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: 0.005em;
}
h1 {
  line-height: 1.1;
}