/* ============================================================================
   brand.css — identità visiva del PRODOTTO «Table» (nome provvisorio)
   WP1: solo aggancio del marchio in header (livebar) e sidebar (logo).
   Additivo: NON ridefinisce classi di app.css. Tocca solo i contenitori del
   marchio che WP1 introduce in index.html.
   Asset in assets/brand/. Livebar e sidebar sono SEMPRE scure → si usano le
   varianti «-onlight» (inchiostro chiaro) per garantire leggibilità a
   prescindere dal tema del sistema operativo.
   ============================================================================ */

/* --- Lockup orizzontale nella livebar (sostituisce «Studio Tozzi» testuale) --- */
.livebar .brand-lockup{
  display:inline-flex;
  align-items:center;
  height:28px;
  line-height:0;
}
.livebar .brand-lockup img{
  height:28px;
  width:auto;
  display:block;
}

/* --- Logo del prodotto nella sidebar: marchio a petali + wordmark «Table» --- */
.side .logo .brand-logo{
  display:flex;
  align-items:center;
  gap:11px;
}
.side .logo .brand-logo .mark{
  width:30px;
  height:30px;
  flex-shrink:0;
  display:block;
}
.side .logo .brand-logo .word{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
/* «Table» = wordmark provvisorio (serif, coerente con app.css .side .logo b) */
.side .logo .brand-logo .word b{
  font-family:var(--serif, 'Source Serif 4', Georgia, serif);
  color:#fff;
  font-size:18px;
  letter-spacing:.03em;
}
/* Nota provvisorietà del nome, discreta */
.side .logo .brand-logo .word span{
  color:#6f95a1;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}