/*
 * PsyMatch — дизайн-токены.
 * Палитра выведена из реального логотипа проекта (шалфейно-зелёный +
 * тёплый персиковый, тёмно-изумрудные чернила для текста), дополнена
 * тональной шкалой для интерфейса. Все текстовые пары ниже проверены на
 * контраст WCAG AA (см. комментарии).
 */

:root {
  color-scheme: light;

  /* ---- цвет: чернила / текст --------------------------------------- */
  --ink-900: #1f332e; /* основной текст. На --cream-50: 12.4:1 */
  --ink-700: #3e5850; /* вторичный текст. На --cream-50: 7.2:1 */
  --ink-500: #5c766c; /* приглушённый текст/подписи. На --cream-50: ~4.7:1 */

  /* ---- цвет: шалфей (первичный бренд-акцент) ------------------------ */
  --sage-700: #3c6455; /* кнопки/ссылки на светлом. Текст white: 6.7:1 */
  --sage-600: #4e7a69;
  --sage-500: #6c9483;
  --sage-200: #cfe0d5;
  --sage-100: #e4ede6;

  /* ---- цвет: персик (второй акцент) ---------------------------------- */
  --peach-800: #8a5a41; /* персиковый текст (чипы, подписи) — на peach-100: 5.1:1, на white: 5.8:1 */
  --peach-700: #b97957; /* декоративно/иконки на peach-100 (не для текста, только 3.1:1) */
  --peach-500: #e3b7a0;
  --peach-200: #f3d9c9;
  --peach-100: #fbeee6;

  /* ---- поверхности ---------------------------------------------------*/
  --cream-50: #faf6ef; /* фон страницы */
  --cream-100: #f3ecdf; /* фон карточек/секций-контраста */
  --white: #ffffff;

  /* ---- линии и тени --------------------------------------------------*/
  --line: rgba(31, 51, 46, 0.1);
  --line-soft: rgba(31, 51, 46, 0.06);
  --shadow-sm: 0 1px 2px rgba(31, 51, 46, 0.07);
  --shadow-md: 0 10px 28px -12px rgba(31, 51, 46, 0.22);
  --shadow-lg: 0 28px 56px -20px rgba(31, 51, 46, 0.28);
  --focus-ring: 0 0 0 3px rgba(60, 100, 85, 0.35);

  /* ---- типографика -----------------------------------------------------*/
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", sans-serif;
  --font-serif: Georgia, "Times New Roman", "PT Serif", serif;

  --fs-eyebrow: 0.8125rem;
  --fs-body-sm: 0.9375rem;
  --fs-body: 1.0625rem;
  --fs-h5: clamp(1.05rem, 0.98rem + 0.3vw, 1.2rem);
  --fs-h4: clamp(1.25rem, 1.1rem + 0.6vw, 1.55rem);
  --fs-h3: clamp(1.55rem, 1.3rem + 1vw, 2.1rem);
  --fs-h2: clamp(1.9rem, 1.5rem + 1.6vw, 2.75rem);
  --fs-h1: clamp(2.5rem, 1.9rem + 2.6vw, 4rem);

  --lh-tight: 1.12;
  --lh-snug: 1.32;
  --lh-body: 1.6;

  /* ---- сетка/отступы ---------------------------------------------------*/
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-section: clamp(3.5rem, 3rem + 2.5vw, 6.5rem);

  --container-w: 1240px;
  --container-pad: clamp(1.25rem, 4vw, 2.5rem);

  /* ---- форма -----------------------------------------------------------*/
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-full: 999px;

  /* ---- движение ----------------------------------------------------------*/
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-base: 240ms;
  --dur-slow: 480ms;

  --header-h: 76px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0.01ms;
    --dur-base: 0.01ms;
    --dur-slow: 0.01ms;
  }
}