/* ППЧ — Spacing, radius, stroke, shadow, layout
   8-pt base grid (with 4 / 6 half-steps). Generous negative space is a
   brand principle — «воздух». Prefer larger gaps over dense packing. */

:root {
  /* ---- Spacing scale (px) ---- */
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 40px;
  --space-3xl: 64px;
  --space-4xl: 80px;
  --space-5xl: 120px;

  /* ---- Radius ---- */
  --radius-xs:    4px;
  --radius-sm:    8px;
  --radius-md:    16px;
  --radius-lg:    24px;
  --radius-xl:    40px;
  --radius-pill:  9999px;
  --radius-card:  var(--radius-lg);   /* default card rounding */

  /* ---- Stroke ---- */
  --stroke-hair:   1px;
  --stroke-medium: 2px;
  --stroke-bold:   3px;

  /* ---- Shadow (soft, low-contrast — calm, never harsh) ---- */
  --shadow-xs: 0 1px 2px rgba(27,43,45,0.06);
  --shadow-sm: 0 2px 8px rgba(27,43,45,0.06);
  --shadow-md: 0 8px 24px rgba(27,43,45,0.08);
  --shadow-lg: 0 18px 48px rgba(27,43,45,0.10);
  --shadow-accent: 0 10px 28px rgba(47,158,158,0.22);

  /* ---- Layout ---- */
  --container-max: 1200px;
  --container-wide:1360px;
  --gutter:        24px;
  --grid-columns:  12; /* @kind other */

  /* ---- Motion (calm, controlled — no bounce) ---- */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}