/* «Благодать» — простір, форма, тінь.
   Крок 4px. Щедрі відступи — повітря знижує стрес.
   Радіуси м'які, не «пігулки». Тіні теплі, ледь помітні. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  --radius-sm: 8px;   /* інпути, бейджі */
  --radius-md: 12px;  /* кнопки, картки */
  --radius-lg: 16px;  /* великі блоки */

  --shadow-card: 0 1px 2px rgba(66, 56, 36, 0.05), 0 4px 14px rgba(66, 56, 36, 0.07);

  /* Доступність: клікабельні цілі */
  --tap-min: 44px;      /* мінімум для будь-якої цілі */
  --tap-comfort: 48px;  /* кнопки, інпути */
  --tap-large: 56px;    /* головні CTA */

  --focus-ring-width: 3px;
  --focus-ring-offset: 2px;

  --container: 1200px;  /* reflow до 320px без горизонтального скролу */
}