/* ============================================================
   Радиусы, тени, фокус, движение.
   Тени мягкие и короткие — «честно», без драмы.
   ============================================================ */
:root {
  --radius-card: 16px;
  --radius-button: 12px;
  --radius-field: 12px;
  --radius-pill: 999px;
  --radius-sheet: 20px;      /* верх bottom-sheet */

  --shadow-soft: 0 2px 8px rgba(20, 36, 61, 0.08);
  --shadow-raised: 0 4px 16px rgba(20, 36, 61, 0.10);
  --shadow-sticky: 0 -2px 12px rgba(20, 36, 61, 0.10);
  --shadow-sheet: 0 -8px 32px rgba(20, 36, 61, 0.16);

  --focus-width: 3px;        /* видимый фокус цветом trust */
  --focus-offset: 2px;

  --duration-fast: 120ms;    /* нажатия */
  --duration-base: 200ms;    /* появления, шторки */
  --ease: cubic-bezier(0.2, 0.8, 0.4, 1);
}

[data-density="admin"] {
  --radius-card: 12px;
  --radius-button: 8px;
  --radius-field: 8px;
}

[data-theme="dark"] {
  --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-raised: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-sticky: 0 -2px 12px rgba(0, 0, 0, 0.4);
  --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.5);
}