:root{
  --e-1:4px;  /* @kind spacing */
  --e-2:8px;  /* @kind spacing */
  --e-3:12px; /* @kind spacing */
  --e-4:16px; /* @kind spacing */
  --e-5:24px; /* @kind spacing */
  --e-6:32px; /* @kind spacing */
  --e-7:44px; /* @kind spacing */
  --e-8:56px; /* @kind spacing */
  --e-9:80px; /* @kind spacing */

  /* Ritmo vertical de secao — cresce com a tela */
  --secao-y:clamp(40px, 5vw + 20px, 96px); /* @kind spacing */
  --bloco-y:clamp(20px, 1.5vw + 14px, 32px); /* @kind spacing */

  /* Alvo de toque. 44px e o minimo, nao a media. */
  --toque-min:44px; /* @kind spacing */

  /* Safe area do iPhone — barra fixa, rodape colado, modal */
  --safe-t:env(safe-area-inset-top, 0px);    /* @kind spacing */
  --safe-b:env(safe-area-inset-bottom, 0px); /* @kind spacing */
  --safe-l:env(safe-area-inset-left, 0px);   /* @kind spacing */
  --safe-r:env(safe-area-inset-right, 0px);  /* @kind spacing */

  /* Documento impresso — A4, o padrao brasileiro */
  --doc-margem-mm:18mm;      /* @kind spacing */
  --doc-margem-topo-mm:16mm; /* @kind spacing */
  --doc-secao:44px;          /* @kind spacing */
  --doc-largura:1120px;      /* @kind spacing */

  --respiro-marca:1em; /* @kind spacing */ /* = altura do A do monograma */
}