/* =============================================
   ПЕРЕМЕННЫЕ ДИЗАЙНА — Спортивный клуб УГНТУ
   Серо-синий градиентный стиль
   ============================================= */

:root {
  /* Основные цвета — серо-синий градиент */
  --color-primary: #2787F5;       /* VK-синий — основной акцент */
  --color-primary-dark: #1A6FD1;
  --color-primary-light: #5BA3F5;
  --color-secondary: #1C3A2B;     /* Тёмно-зелёный — текст, хедер */
  --color-secondary-light: #2D5640;
  --color-accent-blue: #2196F3;   /* Олимпийский синий */
  --color-accent-yellow: #FFC107; /* Олимпийский жёлтый */
  --color-accent-green: #4CAF50;  /* Олимпийский зелёный */
  --color-accent-red: #F44336;    /* Олимпийский красный */
  --color-accent-cyan: #00BCD4;   /* Бирюзовый */

  /* Фон страницы — белый/светлый для контента */
  --gradient-bg: linear-gradient(180deg, #e8f0ec 0%, #f5f8f6 8%, #FFFFFF 20%, #FFFFFF 100%);
  --gradient-hero: linear-gradient(135deg, #1C3A2B 0%, #2D5640 40%, #2787F5 100%);
  --gradient-card: linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.05) 100%);

  /* Фоны */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F2F7F4;
  --bg-dark: #1C3A2B;
  --bg-card: #FFFFFF;
  --bg-card-hover: #FFFFFF;
  --bg-glass: rgba(255, 255, 255, 0.1);
  --bg-hero-overlay: rgba(28, 58, 43, 0.75);

  /* Текст */
  --text-primary: #1A2E24;
  --text-secondary: #4A635A;
  --text-light: #FFFFFF;
  --text-muted: #8A9E96;

  /* Шрифты */
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Размеры шрифтов */
  --fs-hero: clamp(2rem, 5vw, 3.5rem);
  --fs-h1: clamp(1.75rem, 4vw, 2.75rem);
  --fs-h2: clamp(1.5rem, 3vw, 2.25rem);
  --fs-h3: clamp(1.125rem, 2vw, 1.5rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Отступы */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2.5rem;
  --spacing-xl: 4rem;
  --spacing-2xl: 6rem;

  /* Контейнер */
  --container-max: 1200px;
  --container-padding: 1.5rem;

  /* Скругления */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 9999px;

  /* Тени */
  --shadow-sm: 0 2px 8px rgba(28, 58, 43, 0.08);
  --shadow-md: 0 8px 24px rgba(28, 58, 43, 0.12);
  --shadow-lg: 0 16px 48px rgba(28, 58, 43, 0.18);
  --shadow-card: 0 4px 20px rgba(28, 58, 43, 0.08);
  --shadow-glow: 0 0 30px rgba(39, 135, 245, 0.15);

  /* Переходы */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-индексы */
  --z-header: 100;
  --z-modal: 200;
  --z-overlay: 150;
}