/* ANBU — Spacing, radii & sizing tokens. NEW SYSTEM.
   One 4-based spacing scale. Radii canonised to 8/12/16/24. Touch targets ≥48px real. */
:root {
  /* Spacing scale (single source of truth) */
  --sp-1:  .25rem; /* 4 */
  --sp-2:  .5rem;  /* 8 */
  --sp-3:  .75rem; /* 12 */
  --sp-4:  1rem;   /* 16 */
  --sp-6:  1.5rem; /* 24 */
  --sp-8:  2rem;   /* 32 */
  --sp-12: 3rem;   /* 48 — major section breaks */

  /* Radii — canonised 8 / 12 / 16 / 24 */
  --r-sm:   .5rem;  /* 8  — chips, inputs, small controls */
  --r-md:   .75rem; /* 12 — buttons, list items */
  --r-lg:   1rem;   /* 16 — cards */
  --r-xl:   1.5rem; /* 24 — sheets / modal */
  --r-pill: 999px;

  /* Control & touch sizing (≥48px real targets) */
  --control-h:    3rem;    /* 48 — inputs, buttons */
  --control-h-sm: 2.25rem; /* 36 — compact chips */
  --row-h:        3.5rem;  /* 56 — interactive list rows */
  --tap:          3rem;    /* 48 — minimum hit target */

  /* Layout */
  --shell-max: 760px;
  --tabbar-h:  3.5rem;     /* 56 — bottom tab bar (+ safe area) */
  --topbar-h:  3rem;       /* 48 */
  --gutter:    var(--sp-4);

  /* Safe areas */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  /* ---- Legacy aliases (v1) ---- */
  --space-0:0; --space-1:var(--sp-1); --space-2:var(--sp-2); --space-3:var(--sp-3);
  --space-4:var(--sp-4); --space-5:1.25rem; --space-6:var(--sp-6); --space-8:var(--sp-8);
  --space-10:2.5rem; --space-12:var(--sp-12);
  --radius-sm:var(--r-sm); --radius-md:var(--r-md); --radius-lg:var(--r-lg);
  --radius-xl:var(--r-xl); --radius-pill:var(--r-pill);
  --tap-min: var(--tap);
}