/* ============================================================
   EpochCore · Spacing, Radii, Shadows, Motion
   ------------------------------------------------------------
   The product face is mostly SHARP: 4px corners, pills only for
   chips/steppers/status dots. Cards join on 1px hairline grids,
   not floating shadows. Elevation is reserved for receipts,
   dialogs, and hover lifts.
   ============================================================ */

:root {
  /* ── SPACING SCALE ──────────────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  22px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  72px;
  --space-9:  96px;

  /* ── RADII ──────────────────────────────────────────────── */
  --radius:      4px;     /* default — sharp specimen edges */
  --radius-sm:   2px;
  --radius-lg:   6px;
  --radius-pill: 999px;   /* chips, steppers, status dots */

  /* ── SHADOWS / GLOWS ────────────────────────────────────── */
  --shadow:        0 4px 14px -4px rgba(74,58,160,0.22);
  --shadow-lg:     0 18px 50px -22px rgba(34,27,18,0.45);
  --shadow-violet: 0 16px 48px -18px rgba(106,61,240,0.35);

  /* ── LAYOUT ─────────────────────────────────────────────── */
  --wrap:     1080px;     /* default content max-width */
  --wrap-pad: 32px;

  /* ── MOTION ─────────────────────────────────────────────── */
  --ease:      cubic-bezier(.2,.8,.3,1); /* @kind other */
  --ease-rise: cubic-bezier(.2,.7,.3,1); /* @kind other */
  --dur-fast:  .15s; /* @kind other */
  --dur:       .22s; /* @kind other */
  --dur-slow:  .55s; /* @kind other */
}