/* Кто молодец — геометрия, тени, движение. */
:root{
  /* радиусы */
  --r-pill:18px;       /* кнопки-пилюли, инпуты */
  --r-pill-sm:16px;    /* бейджи, чипы средние */
  --r-chip:12px;       /* StatusChip */
  --r-card:8px;        /* карточки, файловые строки */
  --r-full:999px;      /* полная капсула — кнопки, IconButton */
  --r-card-lg:12px;    /* крупные карточки лендинга, оверлеи */
  --r-phone:24px;      /* рамка мобайла */

  /* высоты контролов */
  --h-btn:40px;        /* базовая кнопка */
  --h-btn-sm:36px;
  --h-btn-lg:44px;
  --h-btn-hero:52px;   /* CTA лендинга */
  --h-chip:24px;
  --h-badge:32px;
  --h-input:38px;

  /* отступы (px) */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;
  --sp-7:28px;
  --sp-8:32px;
  --sp-card:24px;      /* внутренний паддинг карточки */

  /* семантические алиасы вертикального ритма (--space-N) — те же значения, что --sp-N */
  --space-1:var(--sp-1);
  --space-2:var(--sp-2);
  --space-3:var(--sp-3);
  --space-4:var(--sp-4);
  --space-5:var(--sp-5);
  --space-6:var(--sp-6);
  --space-7:var(--sp-7);
  --space-8:var(--sp-8);

  /* границы */
  --bw-hair:1px;
  --bw-emph:1.5px;     /* акцентная/выделенная карточка, dashed зоны */

  /* тени */
  --elev:0 1px 2px rgba(0,0,0,.05);        /* карточка (светлая) */
  --elev-modal:0 20px 60px rgba(0,0,0,.28); /* оверлей квоты */
  --elev-float:0 12px 40px rgba(0,0,0,.14); /* парящий экран на канвасе */

  /* фокус */
  --focus-ring:2px solid var(--accent); /* @kind other */
  --focus-offset:2px; /* @kind spacing */

  /* движение */
  --dur:.15s; /* @kind other */
  --ease:ease; /* @kind other */
  --hover-scale:1.03; /* @kind other */
}

@media (prefers-color-scheme:dark){
  :root{--elev:0 1px 2px rgba(0,0,0,.35);--elev-float:0 12px 40px rgba(0,0,0,.3)}
}
[data-theme="dark"]{--elev:0 1px 2px rgba(0,0,0,.35);--elev-float:0 12px 40px rgba(0,0,0,.3)}