/* I9TMG — Espaçamento, raios, faixas e traços
   Muito espaço em branco. Cantos discretos (nunca muito arredondados).
   Sem sombras suaves — profundidade vem de cor e faixas, não de blur. */
:root{
  /* Espaçamento (base 4px) */
  --sp-1:.25rem;  --sp-2:.5rem;  --sp-3:.75rem; --sp-4:1rem;
  --sp-5:1.5rem;  --sp-6:2rem;   --sp-8:3rem;   --sp-10:4rem;
  --sp-12:6rem;   --sp-16:8rem;

  /* Raios — discretos, nunca "pílula" em blocos grandes */
  --radius-none:0;
  --radius-sm:3px;
  --radius-md:6px;   /* cards, botões */
  --radius-lg:10px;
  --radius-pill:999px; /* apenas selos/marcadores circulares */

  /* Bordas */
  --bw-hairline:1px;
  --bw-rule:2px;      /* régua laranja sob títulos de seção */
  --bw-marker:3px;    /* marcadores de timeline vazados */

  /* Faixas diagonais (elemento gráfico recorrente) */
  --diagonal-angle:-4deg; /* @kind other */
  --band-height:clamp(48px,7vw,96px); /* @kind other */

  /* Sombra — usada com muita parcimônia, apenas p/ elevar sobre foto */
  --shadow-flat:none;
  --shadow-card:0 1px 0 var(--i9-gray-300);
  --shadow-lift:0 10px 30px rgba(0,48,87,.14);

  /* Larguras de conteúdo */
  --content-narrow:640px; /* @kind other */
  --content-max:1200px; /* @kind other */
}