/* ============================================================
   TJ Creative Hub — Spacing, radius, and layout tokens
   ============================================================ */
:root{
  /* ---------- spacing scale (4px base, matches source artifacts) ---------- */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:18px;
  --space-6:24px;
  --space-7:26px;
  --space-8:28px;
  --space-9:32px;
  --space-10:40px;
  --space-12:48px;
  --space-14:56px;
  --space-16:64px;

  /* ---------- radii ---------- */
  --radius-sm:6px;      /* chips, small controls */
  --radius-md:10px;     /* inner cells */
  --radius-lg:14px;     /* cards */
  --radius-xl:16px;     /* hero panels, feature cards */
  --radius-pill:999px;  /* badges, pills, bars */

  /* ---------- content width ---------- */
  --content-max:1040px;      /* credentials / marketing pages */
  --content-max-board:1080px; /* strategy boards */

  /* ---------- hit targets (mobile-first, Bharat surfaces) ---------- */
  --hit-min:48px;
  --hit-min-alt:44px;
}