/* Espaçamento, layout e raios */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 10px;
  --space-4: 12px;
  --space-5: 14px;
  --space-6: 16px;
  --space-7: 18px;
  --space-8: 20px;
  --space-9: 22px;
  --space-10: 24px;
  --space-11: 28px;
  --space-12: 32px;
  --space-13: 40px;
  --space-14: 44px;
  --space-15: 48px;
  --space-16: 56px;

  --page-max: 1240px;
  --text-max: 780px;       /* coluna de leitura de parágrafos */
  --section-pad-y: clamp(56px, 7vw, 96px);
  --section-pad-x: clamp(20px, 5vw, 40px);
  --section-gap: clamp(40px, 5vw, 56px);
  --grid-gap: 16px;
  --card-pad: 28px;
  --card-pad-lg: clamp(28px, 4vw, 40px);

  --nav-height: 66px;
  --sidebar-open: 264px;
  --sidebar-collapsed: 72px;
  --drawer-width: min(330px, 86vw); /* @kind spacing */
  --breakpoint-desktop: 1060px; /* @kind spacing */
  --tap-target: 44px;
  --control-h: 44px;       /* campos e botões secundários */
  --control-h-lg: 48px;    /* botões principais */
  --search-h: 52px;        /* busca do FAQ */
  --faq-col: 780px;        /* coluna das perguntas */
  --hero-media-h: clamp(460px, 64vw, 760px); /* @kind spacing */ /* altura da faixa de fotos do FAQ */

  --radius-xs: 3px;    /* selo "Oficial" */
  --radius-sm: 4px;    /* amostras de cor em grupo */
  --radius-md: 6px;    /* barras de proporção */
  --radius-lg: 8px;    /* cartões, painéis de logo, botões e campos do FAQ */
  --radius-xl: 12px;   /* caixa de vidro sobre o carrossel do FAQ */
  --radius-pill: 999px;
  --radius-round: 50%;
}