/* ============================================================
   aike — Spacing, radii & sizing tokens
   Compact desktop-app rhythm built on a 4px base unit.
   ============================================================ */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --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;

  /* ---- Corner radii ---- */
  --radius-xs:   4px;   /* badges, kbd, tiny chips */
  --radius-sm:   6px;   /* icon buttons, nav rows */
  --radius-md:   8px;   /* buttons, menu rows */
  --radius-lg:   10px;  /* segmented track */
  --radius-xl:   12px;  /* cards */
  --radius-2xl:  14px;  /* input composer, menus */
  --radius-3xl:  16px;  /* sidebar panel, banners */
  --radius-pill: 999px; /* pills, dots, avatars */

  /* ---- Component sizing ---- */
  --sidebar-width:    252px;
  --settings-nav-w:   220px;
  --content-max:      600px;
  --icon-btn:         28px;   /* titlebar icon button */
  --row-icon:         16px;   /* nav/list icon */
  --hit-min:          28px;   /* min interactive target (desktop dense) */
  --avatar-sm:        26px;
  --avatar-md:        48px;
  --status-dot:       8px;
}