/*
 * Prohall — tokens de responsividade (julho/2026)
 *
 * Convenção de breakpoints do projeto. Documentado aqui porque media queries
 * NÃO aceitam var() na condição — "@media (max-width: var(--x))" não funciona
 * em CSS. Os dois valores abaixo são a referência canônica do projeto; todo
 * novo @media de layout (nav, grids, seções) deve usar exatamente estes
 * cortes, não valores livres:
 *
 *   Desktop → acima de 860px  (layout atual, aprovado, sem alterações)
 *   Tablet  → max-width: 860px  (já usado hoje pelo menu mobile e pelos .ph-gN)
 *   Mobile  → max-width: 540px  (já usado hoje pelos .ph-gN)
 *
 * Alguns componentes isolados mantêm breakpoints próprios já existentes em
 * prohall.css (timeline 720px, pillars 1080/680/460px, stats 820px) — não
 * foram unificados nesta rodada de responsividade para não arriscar
 * regressão no desktop já aprovado. Ver docs/ para o racional completo.
 */

:root{
  --ph-container-max: 1240px; /* repetido hoje inline em cada wrapper de seção */
  --ph-gutter: 40px;          /* gutter horizontal padrão hoje (inline, desktop) */
}