/* =========================================
   VARIABLES
   Главные переменные проекта:
   цвета, радиусы, тени, ширина контейнера
   ========================================= */

:root {
  --color-bg: #f7f7f4;
  --color-surface: #ffffff;
  --color-surface-alt: #efefe9;
  --color-text: #1a1a17;
  --color-text-soft: #5f5f57;
  --color-line: #ddddcf;

  --color-accent: #1f6b54;
  --color-accent-dark: #184f3f;
  --color-accent-soft: #d9eee6;

  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.06);

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;

  --container: 1180px;

  --transition-fast: 0.2s ease;
}