/* Tríade do Ser — Spacing, radius, shadow & layout tokens */
:root{
  /* Layout */
  --maxw:1180px;
  --gutter:24px;
  --section-y:76px;   /* vertical padding of a section shell */

  /* Spacing scale */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:26px;
  --sp-7:32px;
  --sp-8:44px;

  /* Corner radius */
  --r-sm:10px;   /* code blocks */
  --r-md:16px;   /* cards (default) */
  --r-lg:18px;   /* larger panels */
  --r-pill:999px;/* buttons & chips */

  /* Shadows — long, soft, never hard */
  --sh-soft:0 20px 44px -30px rgba(58,28,38,.4), 0 6px 16px -6px rgba(58,28,38,.3);
  --sh-deep:0 30px 60px -28px rgba(0,0,0,.6);
  --sh-glow:0 16px 36px -12px rgba(168,54,47,.7);

  /* Motion */
  --ease:cubic-bezier(.16,1,.3,1); /* @kind other */
  --dur:.16s;                      /* @kind other */
}