/* ELKI.KZ — Spacing, radii, shadows, layout
   The brand reads as a clean editorial grid: generous margins, hairline
   dividers, very little rounding, almost no shadow. Structure over decoration. */

:root {
  /* ---- Spacing scale (8-based, with deck-scale steps) -------------------- */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   24px;
  --space-6:   32px;
  --space-7:   40px;
  --space-8:   56px;
  --space-9:   72px;
  --space-10:  96px;
  --space-11:  106px;  /* deck side margin */

  /* ---- Radii — minimal. The brand is mostly square. --------------------- */
  --radius-none: 0;
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;   /* default card / button */
  --radius-lg:   16px;
  --radius-pill: 999px;  /* chips, switches */

  /* ---- Borders ----------------------------------------------------------- */
  --border-hair:  1px;   /* default hairline */
  --border-thin:  1.5px; /* deck dividers */
  --border-thick: 2px;

  /* ---- Shadows — used rarely; structure carries the design -------------- */
  --shadow-none: none;
  --shadow-sm:   0 1px 2px rgba(0,0,0,0.06);
  --shadow-md:   0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg:   0 12px 40px rgba(0,0,0,0.12);

  /* ---- Layout ------------------------------------------------------------ */
  --deck-w:   1920px;
  --deck-h:   1080px;
  --a4-w:     1340px;   /* КП page width in the source */
  --a4-h:     1896px;
  --page-margin: 106px; /* deck content inset */
  --content-max: 1200px;

  /* ---- Motion ------------------------------------------------------------ */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);  /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   140ms;  /* @kind other */
  --dur-base:   240ms;  /* @kind other */
  --dur-slow:   420ms;  /* @kind other */
}