/* Основные переменные темы (дублируют Tailwind config для fallback) */
:root {
  --primary: #1e40af;
  --primary-light: #3b82f6;
  --primary-dark: #1e3a5f;
}

/* Базовые стили */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Montserrat', sans-serif;
}

/* Элементы, которые должны появляться при скролле — по умолчанию видимы (если JS не сработал) */
[data-animate-in] {
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

[data-animate-in].is-visible {
  opacity: 1 !important;
  transform: none !important;
}

/* Фон шапки при скролле (когда прилипла) */
#main-header.header-scrolled {
  background-color: rgba(30, 58, 95, 0.97);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.15);
}