/* ============================================================
   ОБЩИЕ ПЕРЕМЕННЫЕ ДЛЯ СТРАНИЦ-ЛЕНДИНГОВ (angliyskiy-*, kitayskiy-*)
   САЙТ: English Academy (academy-english-kuban.ru)

   Этот :root-блок был побайтово одинаков в page-angliyskiy-armavir.css
   и page-angliyskiy-kropotkin.css (и отдельно — в паре kitayskiy-*),
   и почти не отличался между английскими и китайскими страницами
   (отличие — несколько доп. цветовых переменных). Подключается ДО
   page-<name>.css на каждой из 6 страниц; акцентные переменные для
   китайского/онлайн-варианта остаются в собственном :root каждой
   страницы и просто дополняют этот набор.
   ============================================================ */

:root {
    /* Основная палитра */
    --primary: #0f407b;
    --primary-hover: #0a2d58;
    --primary-light: #3a6bb0;
    --secondary: #ff9e40;
    --accent: #2ecc71;

    /* Нейтральные */
    --light: #f8f9fa;
    --dark: #212b36;
    --text: #000;
    --text-dark: #333333;
    --white: #ffffff;
    --gray-100: #f9fafb;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-500: #6c757d;

    /* Функциональные */
    --transition: all 0.3s ease;
    --radius: 16px;
    --radius-sm: 8px;
    --radius-pill: 50px;
    --shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 12px 30px rgba(0, 0, 0, 0.15);
    --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.06);
    --shadow-btn: 0 4px 14px rgba(15, 64, 123, 0.3);

    /* Типографика */
    --font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --line-height: 1.65;
    --heading-line-height: 1.2;

    /* Ритмика */
    --section-gap: clamp(2.5rem, 5vw, 4rem);
    --content-gap: clamp(1rem, 2.5vw, 1.5rem);
    --container-padding: clamp(1rem, 3vw, 2rem);

    /* Анимация появления */
    --fade-in: fadeIn 0.6s ease both;
}