/* ============================================================
   ACRÓPOLE — Sistema Tipográfico
   Playfair Display (editorial) · IBM Plex Sans (funcional)
   ============================================================ */

/* ── Seleção de texto ── */
::selection { background: var(--ac-gold); color: var(--ac-ink); }

/* ── Foco acessível ── */
:focus-visible {
  outline: 2px solid var(--ac-gold);
  outline-offset: 2px;
}

/* ── Imagens com tratamento sutil ── */
img { filter: brightness(0.98) contrast(1.02); }

/* ── Sem texto justificado ── */
p, li, blockquote { text-align: left; }

/* ── Títulos com text-wrap balance ── */
h1, h2, h3, h4, h5, h6,
.type-display, .type-h1, .type-h2, .type-h3, .type-h4 {
  text-wrap: balance;
}

/* ── Transições consistentes ── */
a, button { transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease; }

/* ── Cards clicáveis ── */
[data-href], .ac-art-card, .ac-arc-card, .ac-hero-lead,
.ac-latest-feat, .ac-latest-item, .ac-aside-item { cursor: pointer; }

/* ════════════════════════════════════════════
   CLASSES DO SISTEMA TIPOGRÁFICO
════════════════════════════════════════════ */

/* Display — Título hero da home */
.type-display {
  font-family: var(--f-serif);
  font-size: 44px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--ac-ink);
}

/* H1 — Título de artigo individual */
.type-h1 {
  font-family: var(--f-serif);
  font-size: 36px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--ac-ink);
}

/* H2 — Título de seção */
.type-h2 {
  font-family: var(--f-serif);
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--ac-ink);
}

/* H3 — Título de card sidebar/grade */
.type-h3 {
  font-family: var(--f-serif);
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--ac-ink);
}

/* H4 — Título de card pequeno */
.type-h4 {
  font-family: var(--f-serif);
  font-size: 17px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--ac-ink);
}

/* Subtitle — Linha fina abaixo do título */
.type-subtitle {
  font-family: var(--f-serif);
  font-size: 17px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  color: var(--ac-ink-soft);
}

/* Body — Corpo de texto */
.type-body,
body, p, li, td, th, blockquote,
.wp-block-paragraph, .entry-content {
  font-family: var(--f-sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  color: var(--ac-ink);
}

/* Meta — Autor, data */
.type-meta {
  font-family: var(--f-sans);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--ac-muted);
}

/* Label — "EM DESTAQUE", "EDITORIAS" */
.type-label {
  font-family: var(--f-sans);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ac-ink);
}

/* Category — "GEOPOLÍTICA", "CULTURA" */
.type-category {
  display: inline-block;
  font-family: var(--f-sans);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ac-gold);
  border-left: 2px solid var(--ac-gold);
  padding-left: 8px;
}

/* ── Headings globais ── */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: var(--f-serif);
  font-optical-sizing: auto;
  letter-spacing: -0.01em;
}

h1 { font-size: 36px; font-weight: 700; font-style: normal; line-height: 1.2; }
h2 { font-size: 28px; font-weight: 700; font-style: normal; line-height: 1.25; }
h3 { font-size: 20px; font-weight: 400; font-style: normal; line-height: 1.3; }
h4 { font-size: 17px; font-weight: 700; font-style: normal; line-height: 1.35; }

/* ── UI — IBM Plex Sans para navegação e interface ── */
button, input, select, textarea, label,
nav, .wp-block-navigation, .wp-block-navigation-item {
  font-family: var(--f-sans);
}