/* ═══════════════════════════════════════════════════════
   NORARA — Spacing, radius, sizing tokens
   8px grid: 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 80
   Rule: inner padding < component gap < section gap.
   ═══════════════════════════════════════════════════════ */
:root {
  /* ── Spacing scale (8px grid) ──────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  80px;

  /* ── Radius ───────────────────────────────────────── */
  --radius-sm:   4px;    /* tags, badges */
  --radius:      6px;    /* inputs, small buttons */
  --radius-md:   8px;    /* buttons */
  --radius-lg:   12px;   /* cards */
  --radius-xl:   16px;   /* modals, large cards */
  --radius-2xl:  20px;   /* hero cards, bottom sheets */
  --radius-full: 9999px; /* pills, circles */

  /* ── Layout ───────────────────────────────────────── */
  --column-max:  768px;  /* editorial / mobile-app column */
  --sidebar-w:   240px;  /* admin fixed sidebar */
  --tap-min:     44px;   /* iOS HIG minimum target */
  --tap-comfort: 48px;

  /* ── Safe area (notch / home indicator) ───────────── */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}