/* ============================================================
   Wonderful Selayar — Spacing, radius & layout
   Spacing on a 4px base.
   ============================================================ */
:root{
  /* ── Spacing (4px base) ── */
  --s-1:.25rem;  /* 4 */
  --s-2:.5rem;   /* 8 */
  --s-3:.75rem;  /* 12 */
  --s-4:1rem;    /* 16 */
  --s-5:1.5rem;  /* 24 */
  --s-6:2rem;    /* 32 */
  --s-7:3rem;    /* 48 */
  --s-8:4rem;    /* 64 */
  --s-9:6rem;    /* 96 */

  /* ── Radius ── */
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-xl:24px;   /* default glass */
  --r-pill:999px;

  /* ── Layout ── */
  --container:1080px;
}