/* =====================================================================
   ARKE CREATIVE — Spacing, radii & layout tokens
   8pt base. Generous white space; minimal, geometric radii (0–8px).
   ===================================================================== */

:root {
  /* ---- SPACING (8pt base) ---- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* ---- RADII (minimal, geometric — avoid pills on cards) ---- */
  --r-none: 0px;
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-pill: 999px;   /* reserved for chips/toggles, never cards */

  /* ---- LAYOUT ---- */
  --container: 1200px;
  --measure: 64ch;         /* clamped body measure */
  --gutter: var(--s-6);
  --tab-rule-w: 40px;      /* the brand black-and-white "tab" bar */
}