/* ============================================================
   Físico Fitness — Espaço, grid, raio
   Fonte: brandbook v1.1 §08 — tokens literais do novo layout:
   --radius: 12px · --espaco-base: 8px · grid 12 col · máx 1200px · gutter 24px
   ============================================================ */
:root {
  --espaco-base: 8px;   /* todo espaçamento é múltiplo de 8px */
  --espaco-1: 8px;
  --espaco-2: 16px;
  --espaco-3: 24px;
  --espaco-4: 32px;
  --espaco-6: 48px;
  --espaco-8: 64px;
  --espaco-12: 96px;

  --radius: 12px;       /* cantos padrão de card, botão e imagem */
  --radius-pill: 999px; /* badges */

  /* Grid — atualizado jul/2026 para layout base de 1920px de largura
     (o brandbook v1.1 previa 1200px; a decisão nova substitui) */
  --grid-max: 1760px;   /* container: 1920 − 2× margem de 80px */
  --grid-margin: 80px;  /* margem lateral mínima em telas grandes */
  --grid-gutter: 32px;  /* gutter, 12 colunas */
}