/* ─────────────────────────────────────────────────────────
   Coplan Design System — Spacing & Radius Tokens
   ───────────────────────────────────────────────────────── */

:root {
  /* ── Spacing Scale ─────────────────────────────────────── */
  --space-0:   0px;
  --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;
  --space-24:  96px;

  /* ── Page Layout ───────────────────────────────────────── */
  --page-padding-x:    24px;
  --page-padding-y:    24px;
  --page-max-width:    1280px;
  --section-gap:       16px;
  --card-padding:      24px;

  /* ── Border Radius ─────────────────────────────────────── */
  --radius-xs:    4px;      /* checkbox, tag */
  --radius-sm:    8.8px;    /* icon-button sm, badge */
  --radius-md:    10.8px;   /* button sm, dropdown */
  --radius-lg:    12.8px;   /* cards, inputs, buttons (default) */
  --radius-xl:    12.8px;   /* large cards */
  --radius-pill:  25.6px;   /* pill badges */
  --radius-full:  9999px;   /* avatars, circular elements */
}