/* ============================================================
   TERIAC — Spacing tokens
   4px base grid. Use --space-* for padding/margins/gaps so
   rhythm stays consistent across product and brand surfaces.
   ============================================================ */
:root {
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-7:   30px;   /* panel padding on brand surfaces */
  --space-8:   36px;
  --space-9:   48px;
  --space-10:  64px;
  --space-12:  88px;
  --space-16:  120px;

  /* ---- Layout primitives ---- */
  --gutter:        24px;
  --container-max: 1200px;
  --field-height:  40px;   /* default control height        */
  --field-height-sm: 32px;
  --tap-min:       44px;   /* minimum hit target            */
}