/* 01:PM — Spacing, radii, shadows, motion, layout */

:root {
  /* Spacing — base 4px */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  24px;
  --s-6:  32px;
  --s-7:  48px;
  --s-8:  64px;
  --s-9:  96px;
  --s-10: 128px;

  /* Radii */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 999px;

  /* Shadows — discreet, never heavy */
  --shadow-sm: 0 1px 2px rgba(14,26,43,.06);
  --shadow-md: 0 6px 20px rgba(14,26,43,.08);
  --shadow-lg: 0 18px 48px rgba(14,26,43,.12);

  /* Motion — sober: short fades/translations, no gratuitous animation */
  --ease: cubic-bezier(.2,.7,.2,1); /* @kind other */
  --dur:  180ms; /* @kind other */

  /* Layout */
  --content-max: 1120px;   /* max content width */
  --measure:     68ch;     /* text column ≤ ~68 chars */
  --section-y:   var(--s-9); /* vertical rhythm between blocks (96–128px) */
}