/* Maxxi Brand System · escala geométrica (Bloco 3) */
:root{
  /* 3.1 espaçamento */
  --space-4:4px; --space-8:8px; --space-12:12px; --space-16:16px; --space-24:24px; --space-32:32px;
  --space-40:40px; --space-48:48px; --space-64:64px; --space-80:80px; --space-96:96px;

  /* 3.2 Intervalo (gap) padrão por nível de agrupamento */
  --space-gap-core:var(--space-4); --space-gap-block:var(--space-8); --space-gap-module:var(--space-16);
  --space-gap-set:var(--space-24); --space-gap-section:var(--space-32); --space-gap-screen:0; /* @kind spacing */
  --space-padding-section-vertical:var(--space-64); /* demais direções: contextuais */

  /* 3.3 tamanho estrutural de controle */
  --size-xs:16px; --size-sm:24px; --size-md:32px; --size-lg:40px; --size-xl:48px;
  --size-icon-16:16px; --size-icon-24:24px; --size-icon-32:32px; --size-icon-40:40px; --size-icon-48:48px;
  --size-icon-duotone-min:var(--size-icon-32); --size-touch-target-min:44px;

  /* 3.4 espessura */
  --border-width-thin:1px; --border-width-base:2px; --border-width-bold:4px;

  /* 3.5 arredondamento */
  --radius-0:0px; --radius-4:4px; --radius-8:8px; --radius-12:12px; --radius-16:16px;
  --radius-24:24px; --radius-32:32px; --radius-pill:9999px;

  /* 3.6 presets de grid */
  --grid-slide-1280-canvas:1280px; --grid-slide-1280-columns:12; /* @kind other */ --grid-slide-1280-margin:var(--space-64); --grid-slide-1280-gutter:var(--space-24);
  --grid-slide-1920-canvas:1920px; --grid-slide-1920-columns:12; /* @kind other */ --grid-slide-1920-margin:var(--space-96); --grid-slide-1920-gutter:var(--space-24);
  --grid-post-canvas:1080px; --grid-post-columns:4; /* @kind other */ --grid-post-margin:var(--space-64); --grid-post-gutter:var(--space-24);
  --grid-stories-canvas:1080px; --grid-stories-height:1920px; --grid-stories-columns:4; /* @kind other */ --grid-stories-margin:var(--space-64); --grid-stories-gutter:var(--space-24);
}