evOo-local/apps/web/public/evoo-brand.css
cynarAI 6c7eed7580 Initial clean evOo-local from f00577b
Fresh history cut from cynarAI/evoo antigravity-handoff/project-timeline
(Voice First + project timeline). Brand docs/titles as evOo; keep @rakazo/*
packages as tech debt. Excludes node_modules, caches, secrets, voice blobs.
2026-09-20 17:15:16 +02:00

43 lines
1.6 KiB
CSS

/* 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;
}