/* Alloro · marchio (templates/_partials/_logo.html.twig): separato dai componenti perché lo usa anche il pannello /admin */
.logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); }
.logo:hover { color: var(--ink); }
.logo__icon { width: 36px; height: 36px; border-radius: 10px; background: var(--brand); display: grid; place-items: center; flex: none; --fg: var(--leaf-fg); --cut: var(--brand); }
.logo__icon svg { width: 78%; height: 78%; }
.logo__word { font-family: var(--f-display); font-weight: 800; font-size: 25px; letter-spacing: -0.03em; line-height: 1; }
.logo--l .logo__icon { width: 44px; height: 44px; border-radius: 12px; }
.logo--l .logo__word { font-size: 30px; }