/* Espaço, traço, raio, sombra, movimento — Óga */
:root{
  /* container */
  --wrap-max:1240px; /* @kind spacing */
  --wrap-pad:40px; /* @kind spacing */
  --wrap-pad-sm:24px; /* @kind spacing */
  --measure-lead:46ch; /* @kind spacing */
  --measure-article:760px; /* @kind spacing */

  /* ritmo vertical de seção (fluido, como no tema) */
  --section-y:clamp(90px,11vw,160px); /* @kind spacing */
  --section-y-sm:clamp(56px,7vw,96px); /* @kind spacing */
  --gap-1:6px; --gap-2:10px; --gap-3:14px; --gap-4:20px; /* @kind spacing */
  --gap-5:26px; --gap-6:36px; --gap-7:48px; --gap-8:64px; /* @kind spacing */

  /* raios — a marca é quase toda de canto reto */
  --radius-0:0; /* @kind radius */
  --radius-xs:2px; /* @kind radius */
  --radius-sm:3px; /* @kind radius */
  --radius-md:5px; /* @kind radius */
  --radius-lg:14px; /* @kind radius */
  --radius-pill:30px; /* @kind radius */
  --radius-full:50%; /* @kind radius */

  /* sombras — discretas, quentes, esverdeadas */
  --shadow-thumb:0 4px 14px rgba(26,22,20,.15);
  --shadow-card:0 12px 44px rgba(26,22,20,.09);
  --shadow-lift:0 16px 40px rgba(31,47,37,.10);
  --shadow-photo:0 18px 44px rgba(31,47,37,.18);
  --shadow-fab:0 8px 24px rgba(0,0,0,.22);
  --shadow-modal:0 20px 60px rgba(0,0,0,.35);

  /* movimento */
  --ease:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --dur-fast:.25s; /* @kind other */
  --dur:.3s; /* @kind other */
  --dur-slow:.4s; /* @kind other */
  --dur-btn:.38s; /* @kind other */
  --dur-reveal:.65s; /* @kind other */
  --dur-zoom:1.1s; /* @kind other */
  --reveal-y:16px; /* @kind spacing */

  /* camadas */
  --z-header:1000; /* @kind other */
  --z-fab:1200; /* @kind other */
  --z-drawer:2050; /* @kind other */
  --z-modal:2200; /* @kind other */

  /* blur (usado só em barras sticky) */
  --blur-bar:blur(8px); /* @kind other */
}