/* ============================================================
   GABE RENE LLC — SPACING, RADIUS & ELEVATION TOKENS
   Calm, editorial spacing. Soft radii, low-contrast warm shadows.
   ============================================================ */

:root {
  /* ==== SPACING SCALE ==== */
  --space-1: 6px;
  --space-2: 12px;
  --space-3: 20px;
  --space-4: 32px;
  --space-5: 52px;
  --space-6: 84px;

  /* ==== RADII ==== */
  --radius: 8px;
  --radius-sm: 4px;
  --radius-pill: 999px;

  /* ==== ELEVATION (warm, low-contrast) ==== */
  --shadow: 0 18px 50px rgba(0, 0, 0, .10);
  --shadow-sm: 0 6px 18px rgba(0, 0, 0, .08);
  --shadow-lift: 0 26px 70px rgba(0, 0, 0, .16);

  /* ==== BORDERS ==== */
  --border-hairline: 1px solid var(--dust);
  --border-rule: 2px solid var(--accent);

  /* ==== MOTION ==== */
  --ease: cubic-bezier(.2, .7, .2, 1);  /* @kind other */
  --dur: 240ms;                         /* @kind other */
}