/* lumiflo — Spacing, radius, shadow, grid
   4px base / 8px rhythm. Airy, low-density, editorial. */

:root {
  /* ── Spacing scale ── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  32px;
  --space-xl:  64px;
  --space-2xl: 96px;

  /* ── Radius — restrained rounding ── */
  --radius-none: 0;
  --radius-sm:   4px;
  --radius-md:   8px;    /* default component */
  --radius-lg:   12px;   /* card */
  --radius-pill: 999px;

  /* ── Shadow — subtle only ── */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.10);

  /* ── Layout grid ── */
  --container-max: 1200px;
  --grid-columns:  12;   /* @kind other */
  --grid-gutter:   24px;
  --page-margin-desktop: 80px;
  --page-margin-mobile:  24px;
}