/* Kitamura Design System — Spacing, radius, layout
   Base spacing unit = 8px. Large steps follow Fibonacci (×2,×3,×5,×8,×13);
   small steps halve it (×½). Radius is element-scale based. */

:root {
  /* ---- Spacing (8px base) ---- */
  --space-0: 0;
  --space-2: 2px;    /* hairline */
  --space-4: 4px;    /* unit × ½ */
  --space-8: 8px;    /* unit */
  --space-16: 16px;  /* × 2 */
  --space-24: 24px;  /* × 3 */
  --space-32: 32px;  /* × 4 */
  --space-40: 40px;  /* × 5 */
  --space-64: 64px;  /* × 8 */
  --space-80: 80px;
  --space-104: 104px; /* × 13 */

  /* ---- Corner radius ---- */
  --radius-2: 2px;
  --radius-4: 4px;    /* inputs */
  --radius-8: 8px;    /* buttons, cards (short edge ≤40px) */
  --radius-12: 12px;  /* short edge 41–119px */
  --radius-40: 40px;  /* large blocks / short edge ≥120px */
  --radius-full: 9999px; /* pills, circular */

  /* ---- Layout ---- */
  --layout-max: 1024px;   /* max content width */
  --layout-gutter: 16px;
}