/* ==========================================================================
   CSS VARIABLES - Единая система дизайна
   ========================================================================== */

:root {
  /* Цвета */
  --color-primary: #2A5C87;
  --color-primary-dark: #1e4a6f;
  --color-primary-light: #3d7ab3;
  --color-accent: #FF6B35;
  --color-accent-dark: #e55a2b;
  
  /* Текст */
  --color-text: #1a1a2e;
  --color-text-light: #5a6677;
  --color-text-muted: #8896a6;
  
  /* Фоны */
  --color-white: #ffffff;
  --color-bg: #f8fafc;
  --color-bg-dark: #f0f4f8;
  --color-border: #e2e8f0;
  
  /* Шрифты */
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  
  /* Размеры */
  --header-height: 80px;
  --container-max: 1200px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  
  /* Тени */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.12);
  
  /* Переходы */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow: 0.4s ease;
}