/* ============================================================
   ELDEN FORGE — Spacing & layout tokens
   8px-ish rhythm, slightly tightened for the dense mobile UI
   the source products favor.
   ============================================================ */
:root {
  --space-0: 0;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 16px;
  --space-10: 20px;
  --space-12: 24px;
  --space-16: 32px;
  --space-20: 40px;
  --space-24: 48px;

  /* Common UI gaps */
  --gap-card:    12px;   /* gap between cards in a grid */
  --gap-row:     8px;    /* list rows */
  --pad-card:    13px;   /* inner card padding */
  --pad-screen:  18px 14px 88px; /* main scroll padding (room for bottom nav) */

  /* Layout */
  --content-max: 1180px; /* budget app main column */
  --drawer-w:    290px;
  --topbar-h:    64px;
  --bottomnav-h: 66px;
}