/* Design tokens — URDM
 *
 * Базовые переменные для всего сайта. Сезонные CSS-файлы
 * (themes/<season>.css) переопределяют только то, что связано с сезоном:
 * палитру, фоновые изображения, акцентные цвета.
 *
 * Значения по умолчанию = текущий брендинг сайта (синий), чтобы
 * страницы без сезонного CSS продолжали работать.
 */

:root {
  /* === Цвета (брендовые, по умолчанию синие) ===
   * Сезонные override'ы меняют --color-primary, --color-accent и т.д.
   */
  --color-primary: #228BB7;
  --color-primary-dark: #006699;
  --color-primary-light: #aaaaff;
  --color-accent: #E8A03C;
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-text: #333333;
  --color-text-muted: #666666;
  --color-border: #e0e0e0;
  --color-success: #4CAF50;
  --color-danger: #E53935;

  /* === Типографика ===
   * system-ui + fallback на системные шрифты (быстро, без network-запросов).
   * Шрифты будут уточняться на этапах 5-7.
   */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading: var(--font-body);
  --font-size-base: 16px;
  --line-height-base: 1.5;

  /* === Layout === */
  --container-max: 1200px;
  --container-padding: 20px;
  --header-height: 60px;

  /* === Радиусы и тени === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);

  /* === Брейкпоинты (для JS, не для CSS — в CSS используем @media directly) === */
  --bp-sm: 768px;
  --bp-md: 1024px;
  --bp-lg: 1440px;

  /* === Hero (переопределяется сезонными темами) === */
  --hero-bg-image: none;
  --hero-overlay: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%);
  --hero-min-height: 480px;

  /* === Переходы === */
  --transition-base: 200ms ease;
}

/* Уважаем prefers-color-scheme: dark — пока не реализовано, задел на будущее */
@media (prefers-color-scheme: dark) {
  :root {
    /* Заглушка — тёмная тема будет отдельной задачей */
  }
}