/* ─────────────────────────────────────────────────────────
   Joy Ann Llamas — Spacing, radius, shadow & motion tokens
   Derived from the Brand Database's own layout rhythm
   (72px section padding, 80px page gutters, 999px pill radii).
   ───────────────────────────────────────────────────────── */

:root {
  /* ---- Spacing scale ---- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  36px;
  --space-9:  48px;
  --space-10: 72px;
  --space-11: 80px;

  /* ---- Radius ---- */
  --radius-sm:   4px;   /* tag chips, htag pills */
  --radius-md:   6px;   /* logo glyph tile */
  --radius-pill: 999px; /* trait pills, CTAs, badges */
  --radius-circle: 50%; /* portrait crops, signature photo */

  /* ---- Border widths ---- */
  --border-hairline: 1px;

  /* ---- Shadow / inset treatments ---- */
  --shadow-inset-hairline: inset 0 0 0 1px rgba(255,255,255,.25), 0 0 0 1px #000;
  --shadow-cover-vignette: inset 0 0 80px rgba(0,0,0,.6);

  /* ---- Motion ---- */
  --ease-standard: ease; /* @kind other */
  --duration-fast: 0.15s; /* @kind other */
  --duration-med:  0.9s; /* @kind other */
}