/* ════════════════════════════════════════════════════════════════
   typography.css  —  Via Traço
   TIPOGRAFIA GLOBAL (normalização): títulos CS Clingan h1/h2 e grupos que unificam fonte/peso do site — afeta seletores de TODAS as páginas; fica global e carrega em todas
   (Fatiado do antigo style.css, carregado na MESMA ORDEM em todas as
   páginas: style → viewer → menu → components → typography → overrides
   → [css da página] → responsive. Concatenação idêntica ao original.)
   ════════════════════════════════════════════════════════════════ */

/* ══ CS Clingan: todos os títulos h1/h2 do site ══════════════════
   A fonte CS Clingan é definida como --font-title.
   Esta regra garante cobertura total, inclusive componentes custom.
═══════════════════════════════════════════════════════════════ */
h1, h2,
.h-hero__headline,
.h-headline,
.h-text-headline,
.lsi__text-headline,
.lsi__word,
.hero-title,
.cover-title, #coverTitle,
.sec-h,
.cta-band h2,
.lb-lbl, #lbLbl,
.ac-lead,
.svc h3,
.cat-card-title,
.about__title {
  font-family: "Noto Sans", sans-serif !important;
}

/* ══ Verde grifado → preto italic bold CS Clingan ════════════════
   Anteriormente: color: var(--green)
   Agora: preto, italic, bold com CS Clingan
═══════════════════════════════════════════════════════════════ */
.h-green,
h1 em, h2 em,
.h-hero__headline em,
.h-headline em,
.h-text-headline em,
.lsi__text-headline em,
.cta-band h2 em,
.cta-band h2 b,
.sec-h em,
.hero-title em,
.hero-title .via,
.vt-green,
.cover-title em, #coverTitle em {
  color: var(--ink) !important;
  font-style: italic !important;
  font-weight: 200;
  font-family: "Noto Sans", sans-serif !important;
  /* CS Clingan Italic é fonte fixa — simula bold com stroke */
}


/* PATCH — livros: clique dos livros + viewer branco
   Mantém a página Livros com a cor original do site, mas abre o viewer em branco. */
body:not(.home) #lb {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  z-index: 2000 !important;
}
body:not(.home) #lb.open {
  display: flex !important;
}
body:not(.home) #lb-center,
body:not(.home) #lb-caption,
body:not(.home) #zoom-overlay,
body:not(.home) #zoom-body,
body:not(.home) #zoom-canvas,
body:not(.home) #zoom-img-wrap {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
body:not(.home) #lb-center img,
body:not(.home) #lbImg,
body:not(.home) #zoom-img {
  filter: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
body:not(.home) #lb-nav {
  background: transparent !important;
}
body:not(.home) #imgWrap,
body:not(.home) #imgWrap img.on,
body:not(.home) #bgThumb .thumb {
  pointer-events: auto !important;
}


/* ══════════════════════════════════════════════════════════════════
   TIPOGRAFIA FINAL — Via Traço
   Títulos  → Noto Sans ExtraLight 200
   Textos   → Noto Sans Light 300
   Menu     → Noto Sans Bold 700 (único uso de 700)
══════════════════════════════════════════════════════════════════ */

/* Títulos: ExtraLight 200 */
h1, h2, h3, h4,
.h-hero__headline,
.h-headline,
.h-text-headline,
.lsi__text-headline,
.lsi__word,
.hero-title,
.cover-title, #coverTitle,
.sec-h,
.cta-band h2,
.lb-lbl, #lbLbl,
.ac-lead,
.svc h3,
.cat-card-title,
.about__title,
.tl-lbl {
  font-family: "Noto Sans", sans-serif;
  font-weight: 200;
  font-style: normal;
}

/* Textos corridos: Light 300 */
p,
.h-body,
.h-hero__body,
#tlText,
#narrative,
.lb-text, #lbText,
.ac-body,
.sec-desc,
.cat-card-desc,
.hero-sub,
.livros-hero-sub,
.lv-txt-body,
.lsi__text-body {
  font-family: "Noto Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

/* Menu: Bold 700 — único lugar com peso forte */
.nlinks a,
.mobile-menu a,
.mobile-menu-link {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
}

/* Tamanhos responsivos com clamp() */
h1, .h-hero__headline    { font-size: clamp(1.8rem, 4.5vw, 4rem); }
h2, .h-headline          { font-size: clamp(1.4rem, 3vw,   3rem); }
h3                       { font-size: clamp(1rem,   2vw,   1.75rem); }
p, .h-body, .ac-body     { font-size: clamp(0.875rem, 1.2vw, 1rem); }
.sec-h                   { font-size: clamp(1.2rem, 2.5vw,  2.5rem); }
.lv-txt-headline         { font-size: clamp(1.4rem, 3.5vw,  3rem); }
.lsi__text-headline      { font-size: clamp(1.4rem, 3vw,    2.5rem); }

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }