/*
 * Temporary autumn layer for MTP Commerce.
 * Disable safely by removing data-season="autumn" from <html>.
 * Permanent layout, content, accessibility, marketplace and image work remains in styles.css.
 */

:root[data-season="autumn"] {
  --ivory: #fbf6ed;
  --amber: #d98e24;
  --terracotta: #b85c3f;
  --soft-gold: #c9a227;
  --earth: #6b4a32;
  --season-amber: #d98e24;
  --season-terracotta: #b85c3f;
  --season-gold: #c9a227;
  --season-earth: #6b4a32;
  --season-amber-rgb: 217,142,36;
  --season-terracotta-rgb: 184,92,63;
  --season-gold-rgb: 201,162,39;
  --season-earth-rgb: 107,74,50;
  --season-gold-light-rgb: 232,185,110;
  --season-glow-rgb: 255,222,165;
  --season-sheen-rgb: 255,245,220;
  --season-border-rgb: 255,248,235;
  --season-warm-rgb: 255,250,241;
  --season-cream-rgb: 255,252,246;
  --season-ivory: #fbf6ed;
  --season-cream-1: #fdf8ef;
  --season-cream-2: #f6ecdc;
  --season-cream-3: #fffaf2;
  --season-cream-4: #f7f2e9;
  --season-cream-5: #f8f4ec;
  --season-cream-6: #fbf2e5;
  --season-cream-7: #f5eee5;
  --season-cream-8: #fffdf9;
  --season-cream-9: #fff9ef;
  --season-cream-10: #fff8ec;
}

[data-season="autumn"] .brand-logo-original { display: none; }
[data-season="autumn"] .brand-logo-autumn { display: block; }

[data-season="autumn"] .hero-ambient,
[data-season="autumn"] .footer-seasonal,
[data-season="autumn"] .hero-seasonal-accent,
[data-season="autumn"] .media-corner-leaf,
[data-season="autumn"] .photo-leaf,
[data-season="autumn"] .photo-orbit { display: block; }

[data-season="autumn"] .hero-seasonal-accent {
  width: 38px;
  height: auto;
  margin: 0 0 25px;
  flex: 0 0 auto;
  filter: drop-shadow(0 9px 10px rgba(104,56,31,.14));
  transform-origin: 50% 80%;
  animation: seasonal-logo-breathe 5.6s ease-in-out .35s infinite;
}

@keyframes seasonal-logo-breathe {
  0%, 100% { transform: translateY(-5%) rotate(-1.2deg); }
  50% { transform: translateY(-12%) rotate(1.2deg); }
}

@media (max-width: 760px) {
  [data-season="autumn"] .hero-seasonal-accent { width: 31px; margin-bottom: 16px; }
}

@media (max-width: 420px) {
  [data-season="autumn"] .hero-seasonal-accent { width: 28px; margin-bottom: 15px; }
  [data-season="autumn"] .media-corner-leaf-two { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  [data-season="autumn"] .hero-seasonal-accent { animation: none; }
}