/* ================================================================
   Babel Contract Board — Spacing, Radii, Shadows
   ================================================================ */

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

  /* ── RADII ────────────────────────────────────────────────── */
  --cb-radius-card:  21px;   /* cards, modals, widgets        */
  --cb-radius-btn:   10px;   /* CTA buttons                   */
  --cb-radius-pill:  25px;   /* tags, badges, status chips    */
  --cb-radius-badge: 8px;    /* small counter badges          */
  --cb-radius-input: 15px;   /* search / input fields         */

  /* ── SHADOWS ──────────────────────────────────────────────── */
  --cb-shadow-card:     none;
  --cb-shadow-emphasis: 0 0 15px 0 #8775FB;         /* Today Tasks priority card */
  --cb-shadow-sm:       0 2px 8px rgba(105,82,250,0.12); /* row hover */

  /* ── OVERLAY ──────────────────────────────────────────────── */
  --cb-overlay-scrim: rgba(0,0,0,0.35);
  --cb-overlay-blur:  blur(6px); /* @kind other */

  /* ── APP SHELL METRICS ────────────────────────────────────── */
  --cb-sidebar-w:  69px;
  --cb-topbar-h:   54px;
  --cb-row-h:      72px;
}