/* ============================================================
   VibeSecurity - Spacing, Radius & Layout Tokens
   ============================================================ */

:root {
  /* ── SPACING (4px base) ── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* ── RADIUS ── */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   16px;
  --radius-pill: 999px;

  /* ── Z-INDEX ── */
  --z-canvas: 0;   /* @kind other */
  --z-base:   1;   /* @kind other */
  --z-sticky: 10;  /* @kind other */
  --z-nav:    200; /* @kind other */
}