/* Milo brand assets — crisp, theme-adaptive logo (no raster, no white chip) */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&display=swap');

:root { --logo-ink:#15233F; --logo-green:#22B14C; }
@media (prefers-color-scheme: dark) { :root { --logo-ink:#FFFFFF; --logo-green:#2FCB5B; } }

.milo-logo {
  display:inline-flex; align-items:center; gap:.02em; line-height:1; white-space:nowrap;
  font-family:'Fredoka','Heebo',sans-serif; font-weight:700; user-select:none;
  direction:ltr;  /* Milo is a Latin LTR wordmark — keep order Mil + o even inside RTL pages */
}
.milo-logo .w { color:var(--logo-ink); letter-spacing:-.03em; font-size:1em; }
.milo-logo .o { height:.96em; width:auto; transform:translateY(.015em); }
.milo-logo .o .ring { stroke:var(--logo-green); }
.milo-logo .o .wave { stroke:var(--logo-green); }
.milo-logo .o .face { fill:#FFFFFF; }
.milo-logo .o .ink { fill:#15233F; stroke:#15233F; }  /* smiley always dark — sits on the white face in both themes */