/* =====================================================================
   weboom LOGO — SINGLE SOURCE OF TRUTH
   ---------------------------------------------------------------------
   The ONE place the "weboom" wordmark's font + comic outline live.
   Loaded by every page that shows the logo (index.html before comic.css,
   admin.html, etc.). Change the brand HERE once and it updates everywhere.

   Standard markup is always:   <a class="weboom-logo" ...>weboom</a>
   Add .weboom-logo--lg for the larger login / splash treatment.

   Colours come from CSS vars (--cream / --magenta / --ink) so the logo
   adopts whatever palette the host page defines; fallbacks keep it correct
   if a page defines none. App/theme-specific tweaks (the #app-screen font
   exemption, #preview-empty / .share-brand context, responsive sizing) live
   in comic.css, not here.

   (.builder-wordmark / .login-wordmark stay in the selector list only so any
   legacy markup keeps rendering — new markup needs just weboom-logo.)
   ===================================================================== */
.weboom-logo,
.builder-wordmark,
.login-wordmark {
  font-family: 'Archivo Black', sans-serif !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  /* the comic "pop" outline is part of the logo identity */
  color: var(--cream, #fbf1e0) !important;
  text-shadow:
    3px 3px 0 var(--magenta, #ff315f),
    -1.5px -1.5px 0 var(--ink, #17151b),
    1.5px -1.5px 0 var(--ink, #17151b),
    -1.5px 1.5px 0 var(--ink, #17151b),
    1.5px 1.5px 0 var(--ink, #17151b) !important;
}
/* The wordmark is the bare word "weboom" — there is NO trailing dot.
   (If markup ever wraps the word in <em>, keep it upright, not italic.) */
.weboom-logo em, .builder-wordmark em, .login-wordmark em { font-style: normal; }
/* default = top-bar size (the source-of-truth size) */
.weboom-logo {
  font-size: clamp(24px, 4.5vw, 38px);
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
}
/* larger treatment used inside login / splash modals */
.weboom-logo--lg { font-size: 34px !important; letter-spacing: -1px !important; }