/* VOLZAR - Spacing, radii, sizing. 4px base grid. */
:root {
  --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:  96px;
  --space-10: 128px;

  /* ---- Radii ---- (blue islands ~16-20px; pills fully round) */
  --radius-sm:   8px;
  --radius-md:   12px;   /* buttons, inputs */
  --radius-lg:   16px;   /* cards */
  --radius-xl:   20px;   /* blue feature islands */
  --radius-2xl:  28px;
  --radius-pill: 999px;  /* pill section headers, chips */

  /* ---- Layout ---- */
  --container:   1200px;
  --container-wide: 1360px;
  --gutter:      24px;

  /* ---- Control sizing ---- */
  --control-h-sm: 36px;
  --control-h:    44px;   /* min hit target */
  --control-h-lg: 56px;

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-width-strong: 2px;
}