/* ============================================================
   CRATER — Spacing, sizing & layout tokens
   Strict, exact rhythm — base unit 4px.
   ============================================================ */
:root {
  --space-0:  0;
  --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;

  /* ---- Containers ---- */
  --container:    1240px;
  --container-md: 960px;
  --container-sm: 680px;
  --gutter:       clamp(20px, 5vw, 64px); /* @kind spacing */

  /* ---- Control sizing ---- */
  --control-sm: 32px;
  --control-md: 44px;   /* default hit target */
  --control-lg: 56px;

  /* ---- Hairline / stroke weights (sharp, deliberate) ---- */
  --stroke-hair: 1px;
  --stroke:      2px;   /* default rule weight — the brand draws bold lines */
  --stroke-bold: 3px;
}