/**
 * UI design tokens — черновик по ui_audit (uaz1.txt)
 * spacing: 4/8-based; radius; shadow; typography; button/form-control; container
 */
:root {
  /* spacing scale (4/8) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* radius */
  --radius-1: 4px;
  --radius-2: 8px;
  --radius-3: 12px;
  --radius-4: 20px;

  /* shadow */
  --shadow-1: 0 1px 3px rgba(0,0,0,.08);
  --shadow-2: 0 4px 12px rgba(0,0,0,.1);
  --shadow-3: 0 10px 30px rgba(0,0,0,.12);

  /* typography */
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --lh-sm: 1.25;
  --lh-md: 1.5;
  --lh-lg: 1.6;

  /* button heights */
  --btn-h-sm: 32px;
  --btn-h-md: 40px;
  --btn-h-lg: 48px;
  --btn-p-x: 16px;
  --btn-p-y: 8px;

  /* form-control */
  --fc-h-md: 40px;
  --fc-p-x: 12px;
  --fc-p-y: 8px;

  /* container widths */
  --container-md: 768px;
  --container-lg: 1140px;
  --container-p-x: 16px;
}