/* ═══════════════════════════════════════════════════════════════
   WAKA ORBIT — SPACING TOKENS
   4px base grid. Panels breathe at 20–28px; controls sit on 8–14px.
   ═══════════════════════════════════════════════════════════════ */

:root {
  --sp-0:  0; /* @kind spacing */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-7:  28px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* Semantic spacing */
  --gap-inline:   8px;    /* between inline controls / chips */
  --gap-stack:    12px;   /* between stacked form fields */
  --pad-control:  10px 14px;   /* inputs, small buttons */
  --pad-button:   11px 32px;   /* primary buttons */
  --pad-card:     20px;        /* card / panel body */
  --pad-section:  28px;        /* large panel / form body */
  --pad-page:     32px;        /* page gutters */

  /* Layout rails */
  --rail-sidebar: 70px;   /* collapsed icon rail (the Orbit shell) */
  --rail-sidebar-open: 260px;
  --header-height: 64px;
}