/* ============================================================
   Nuvola.li · logo.css
   Das Logo: die Wolke + die Wortmarke „Nuvola.li".
   Eigenständig und wiederverwendbar (Startseite, Portal, …).
   Baut nur auf den Tokens aus style.css (--nv-*).
   ============================================================ */

/* ── Die Wolke ───────────────────────────────────────────── */
.h-cloud{ display:block; }
.h-cloud path{
  fill:none;
  stroke:var(--nv-brand);
  stroke-width:3.4;
  stroke-linejoin:round;
  stroke-linecap:round;
}
.h-cloud.is-filled path{ fill:color-mix(in oklab, var(--nv-brand) 12%, transparent); }

/* ── Logo-Lockup: Wolke + Wortmarke ──────────────────────── */
.h-logo{ display:inline-flex; align-items:center; gap:10px; }
.h-logo .h-cloud{ width:34px; height:26px; }
.h-logo .wm{
  font-family:var(--nv-font-display);
  font-weight:var(--nv-fw-semibold);
  font-size:var(--nv-fs-lg);
  letter-spacing:var(--nv-tracking-snug);
  color:var(--nv-ink);
}
.h-logo .wm .li{ color:var(--nv-brand); }