/*
  Design tokens — Partido dos Trabalhadores (pt.org.br)
  Extraídos do CSS de produção do tema WordPress "PT 2026".
  Gerado em 22/07/2026.
*/

:root {
  /* Cor de marca */
  --pt-red: #E4142C;
  --pt-ink: #202020;
  --pt-white: #FFFFFF;
  --pt-scrollbar-thumb: #BCB8B4;
  --pt-scrollbar-track: rgba(32, 32, 32, 0.06);

  /* Cores de categoria (badges editoriais) */
  --pt-cat-noticias-pt-bg: #AB1703;
  --pt-cat-noticias-pt-fg: #FFFFFF;
  --pt-cat-meio-ambiente-bg: #67CDEA;
  --pt-cat-meio-ambiente-fg: #202020;
  --pt-cat-justica-bg: #D6F124;
  --pt-cat-justica-fg: #202020;
  --pt-cat-artigos-bg: #FFA60D;
  --pt-cat-artigos-fg: #202020;
  --pt-cat-cultura-bg: #7AEA9B;
  --pt-cat-cultura-fg: #202020;
  --pt-cat-direitos-humanos-bg: #015E1C;
  --pt-cat-direitos-humanos-fg: #FFFFFF;
  --pt-cat-internacional-bg: #1B50D4;
  --pt-cat-internacional-fg: #FFFFFF;
  --pt-cat-mulheres-bg: #9978FA;
  --pt-cat-mulheres-fg: #FFFFFF;
  --pt-cat-educacao-bg: #FF694E;
  --pt-cat-educacao-fg: #FFFFFF;
  --pt-cat-saude-bg: #1597FF;
  --pt-cat-saude-fg: #FFFFFF;
  --pt-cat-brasil-bg: #00A62D;
  --pt-cat-brasil-fg: #FFFFFF;
  --pt-cat-economia-bg: #FED82A;
  --pt-cat-economia-fg: #FFFFFF;
  --pt-cat-lula-bg: #E4142C;
  --pt-cat-lula-fg: #FFFFFF;

  /* Tipografia */
  --pt-font-display: "Sofia Sans Extra Condensed", "Asap", "Arial Narrow", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pt-font-body: "Asap", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pt-font-serif: "Instrument Serif", "Georgia", "Times New Roman", serif;

  /* Raio & movimento */
  --pt-radius: 12px;
  --pt-radius-pill: 999px;
  --pt-transition-hover: 0.2s ease;

  /* Grid / breakpoints (referência — usar em media queries) */
  --pt-bp-tablet: 767px;
  --pt-bp-notebook: 1024px;
  --pt-bp-large: 1820px;
  --pt-container-tablet: 794px;
  --pt-container-notebook: 1280px;
  --pt-container-large: 1660px;
  --pt-gutter-mobile: 20px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --pt-transition-hover: 0.01ms;
  }
}

/* Uso de exemplo
.btn-primary {
  background: var(--pt-red);
  color: var(--pt-white);
  border-radius: var(--pt-radius-pill);
  transition: background-color var(--pt-transition-hover), color var(--pt-transition-hover);
}
*/