/* Diales · Сигнал — Spacing, sizing, radius, grid
   8px base rhythm. Generous air is a brand value. */

:root {
  /* ---- Spacing scale (8px base) ---- */
  --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;

  /* ---- Section rhythm ---- */
  --section-y:    clamp(64px, 9vw, 120px);  /* @kind spacing */
  --container-w:  1120px;                   /* @kind spacing */
  --container-x:  24px;                      /* @kind spacing */

  /* ---- Radius ---- */
  --radius-sm:   8px;
  --radius-md:   12px;   /* buttons, inputs */
  --radius-lg:   16px;   /* cards */
  --radius-xl:   24px;   /* feature cards, panels */
  --radius-2xl:  26px;   /* hero mock / big surfaces */
  --radius-pill: 999px;  /* nav pills, badges, pill buttons */

  /* ---- Borders ---- */
  --border-w:    1px;
  --border-w-2:  1.5px;  /* card outlines in the Сигнал spec */

  /* ---- Control sizing ---- */
  --control-h-sm: 36px;
  --control-h-md: 44px;   /* WCAG hit target */
  --control-h-lg: 52px;
}