/* === Summer Theme — URDM ===
 *
 * Концепция: «Таёжный полдень». Тёплое уральское лето в оленьем
 * питомнике — свежая зелень после дождя, солнце на пеньках, шершавая
 * береста. Не пляж, не курорт, не детский сад.
 *
 * Компонентные стили (.btn-primary, .age-badge, .seasonal-divider, ...)
 * см. в themes/components.css — они работают во всех сезонных темах.
 * Здесь только палитра, типографика и атмосферные детали.
 */

@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

.theme-summer {
  /* === Палитра === */
  --color-primary: #3B6B47;        /* таёжный зелёный, как мокрый папоротник */
  --color-primary-dark: #1F4A2E;   /* глубокий еловый */
  --color-primary-light: #6B9778;  /* выцветший мох */
  --color-accent: #D97834;         /* уральский янтарь / тёплая глина */
  --color-accent-soft: #E9A66A;    /* закатное солнце на пеньках */

  --color-bg: #F7F2E8;             /* льняной, береста */
  --color-surface: #FFFDF7;        /* тёплое молоко */
  --color-text: #2A2620;           /* тёплый темно-коричневый, не чёрный */
  --color-text-muted: #6B5D4F;     /* кора */
  --color-border: #D9CFB8;         /* сухая трава */

  /* === Типографика === */
  --font-heading: 'Spectral', 'PT Serif', Georgia, serif;
  --font-body: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* === Hero ===
   * Background — wildlife photo от MJ (Rangifer tarandus в летней тайге).
   * Source: docs/16-9-1.png, оптимизирован через PIL (1.8MB → 138KB).
   * Для быстрого переключения — раскомментируй нужную строку, остальные
   * закомментируй. Файлы в /static/img/seasons/summer/. */
  --hero-bg-image: url('/static/img/seasons/summer/slide1.webp');
  /* --hero-bg-image: url('/static/img/seasons/summer/slide2.webp'); */
  /* --hero-bg-image: url('/static/img/seasons/summer/hero-bg.jpg'); */
  --hero-overlay: linear-gradient(
      180deg,
      rgba(31, 74, 46, 0.05) 0%,
      rgba(31, 74, 46, 0.35) 60%,
      rgba(31, 74, 46, 0.75) 100%
    );
  --hero-min-height: 560px;
}

/* === Атмосферные детали ===
 * Тонкая текстура поверх фона — едва заметная, придаёт ощущение
 * «сделано с любовью», не пластиковое.
 */
body.theme-summer {
  background-image:
    radial-gradient(circle at 25% 30%, rgba(217, 120, 52, 0.04) 0%, transparent 50%),
    radial-gradient(circle at 75% 70%, rgba(59, 107, 71, 0.06) 0%, transparent 50%);
}

/* === Hero H1 — светлый текст на тёмном фоне фото ===
 * Базовое правило h1{color: var(--color-primary-dark)} из components.css
 * перебивает наследование белого от .hero. На летнем hero с тёмным
 * overlay это делает зелёный заголовок невидимым — задаём явный
 * тёплый молочный цвет.
 */
.theme-summer .hero__title {
  color: #FFFDF7;
}

/* === Hero buttons — «Семьям» зелёная, «Школьным группам» оранжевая ===
 * Базовый btn-primary = оранжевый (accent), btn-secondary в hero = зелёный.
 * Меняем местами для смысловой группировки: семейная кнопка = основная
 * (зелёная = primary), школьная = акцентная (оранжевая = accent).
 * Действует только внутри hero.
 */
.theme-summer .hero .btn-primary {
  background: var(--color-primary);
}
.theme-summer .hero .btn-primary:hover {
  background: var(--color-primary-dark);
}

.theme-summer .hero .btn-secondary {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: #FFFDF7;
}
.theme-summer .hero .btn-secondary:hover {
  background: var(--color-accent-soft);
  border-color: var(--color-accent-soft);
  color: #FFFDF7;
}

/*
.theme-summer .cta-final .btn-primary {
  background: var(--color-primary);
}
.theme-summer .cta-final .btn-primary:hover {
  background: var(--color-primary-dark);
}

.theme-summer .cta-final .btn-secondary {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: #FFFDF7;
}
.theme-summer .cta-final .btn-secondary:hover {
  background: var(--color-accent-soft);
  border-color: var(--color-accent-soft);
  color: #FFFDF7;
}
*/