/* Spacing, radii, motion. Avalue's grid is generous: the white space is the voice. */
:root{
  --space-1:4px;  --space-2:10px; --space-3:16px; --space-4:20px;
  --space-5:24px; --space-6:25px; --space-7:32px; --space-8:48px;
  --space-9:50px; --space-10:64px; --space-11:80px; --space-12:90px;
  --space-13:100px; --space-14:112px; --space-15:120px;

  --margin-page:100px;      /* website desktop gutter */
  --margin-slide:120px;     /* 1920×1080 deck gutter */
  --section-pad-l:112px;
  --section-pad-m:80px;
  --section-pad-s:64px;
  --container-max:1280px;
  --measure-max:560px;

  --radius-none:0px;
  --radius-s:5px;    /* cards, buttons, nav pill — the default */
  --radius-m:10px;   /* outlined CTA */
  --radius-l:30px;   /* editorial post shapes */
  --radius-full:999px;

  --rule-hairline:1px;
  --rule-heavy:4.5px;   /* slide arrows */

  --shadow-none:none; /* @kind shadow */   /* Avalue uses no drop shadows. Depth comes from value, not blur. */

  --ease-standard:cubic-bezier(0.22,0.61,0.36,1); /* @kind other */
  --duration-fast:180ms; /* @kind other */
  --duration-base:320ms; /* @kind other */
  --duration-slow:600ms; /* @kind other */
}