/* ADXi — Spacing, radius & shape
   16-unit base with generous editorial whitespace. Corners are almost never
   rounded on structural surfaces (borders/hairlines do the work); rounding is
   reserved for pills, chips and soft product cards. */
:root {
  /* ── Spacing ──────────────────────────────────────── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  44px;    /* between rows */
  --sp-8:  56px;    /* default page gutter */
  --sp-9:  80px;
  --sp-10: 120px;   /* section padding */
  --sp-11: 140px;   /* big section padding */

  /* ── Radius ───────────────────────────────────────── */
  --r-0:    0;       /* @kind radius */
  --r-1:    2px;     /* sharp CTA */
  --r-sm:   12px;    /* inputs, small chips */
  --r-md:   14px;    /* buttons, tiles */
  --r-lg:   18px;    /* product cards */
  --r-xl:   20px;    /* soft cards */
  --r-2xl:  26px;    /* modals, auth cards */
  --r-pill: 999px;   /* pills, dots, badges */

  /* ── Radial glows (light comes from glow, not shadow) ── */
  --glow-red:  0 0 120px rgba(228,31,31,0.12);
  --glow-bone: 0 0 120px rgba(255,255,255,0.06);
}