/* ─────────────────────────────────────────────────────────────
   theLoroX · SPACING SYSTEM
   Fibonacci cascade · vars only, never arbitrary px.
   5 · 8 · 13 · 21 · 34 · 55 · 89 — each step ≈ ×φ.
   ───────────────────────────────────────────────────────────── */

:root {
  --sp1: 5px;    /* φ¹ · tight inline gaps      */
  --sp2: 8px;    /* φ² · icon gaps              */
  --sp3: 13px;   /* φ³ · label gaps             */
  --sp4: 21px;   /* φ⁴ · card padding          */
  --sp5: 34px;   /* φ⁵ · block rhythm          */
  --sp6: 55px;   /* φ⁶ · section inner         */
  --sp7: 89px;   /* φ⁷ · section padding       */

  --gap-lockup: 6.9px;   /* 369 sacred lockup gap (icon ↔ wordmark) */

  /* ── Hairline · the only border weight ── */
  --rule:   0.5px solid var(--g2);
  --rule-light: 0.5px solid rgba(17,22,22,0.1); /* @kind other */

  /* ── Corner radius · the system is SQUARE ── */
  --radius: 0px;         /* default · no rounding. Sharp corners are the brand. */
  --radius-soft: 2px;    /* rare · printed-card softening only                  */
}