/* ===== Autumn ===== */

/* --- Warm site: "golden afternoon" palette on every page ---
   Cream parchment page, warm-white cards, brown ink. Only on screen; printing
   keeps the default tokens. The footer (var(--fg)) turns dark brown with it. */
@media screen {
  html[data-season="autumn"] {
    --paper: #fbf1e1;
    --ink: #2a1a0e;
    --ink-muted: #6b5544;
    --line: #ecd9bd;
    --card: #fffcf6;
    --muted: #f7e8d2;
    --surface-overlay: rgba(255, 252, 246, 0.92);

    --shadow-xs: 0 1px 3px rgba(124, 45, 18, 0.05);
    --shadow-sm: 0 1px 3px rgba(124, 45, 18, 0.06);
    --shadow-md: 0 4px 12px rgba(124, 45, 18, 0.08);
    --shadow-soft: 0 8px 24px -12px rgba(124, 45, 18, 0.16);
    --shadow-lift: 0 20px 40px -20px rgba(124, 45, 18, 0.3);
    --shadow-lg: 0 24px 64px rgba(124, 45, 18, 0.18);
  }
}

/* --- Page-wide sun glow, leaf pile and drifting leaves (page_decor.html) --- */
html[data-season="autumn"] .season-page-glow {
  inset: 0;
  background:
    radial-gradient(circle at 92% 4%, rgba(253, 224, 71, 0.3), transparent 30%),
    radial-gradient(ellipse at 0% 100%, rgba(217, 119, 6, 0.14), transparent 50%),
    radial-gradient(ellipse at 100% 100%, rgba(220, 38, 38, 0.07), transparent 45%);
}

html[data-season="autumn"] .season-page-ground {
  opacity: 0.85;
  filter: drop-shadow(0 -2px 4px rgba(124, 45, 18, 0.12));
  -webkit-mask-image: linear-gradient(to top, #000 55%, transparent);
  mask-image: linear-gradient(to top, #000 55%, transparent);
}

html[data-season="autumn"] .season-page-particles .season-particle {
  opacity: 0.8;
  filter: drop-shadow(0 4px 6px rgba(124, 45, 18, 0.18));
}

html[data-season="autumn"] {
  --primary: #c2410c;
  --secondary: #b45309;
  --accent: #d97706;

  --season-accent-strong: #c2410c;
  --season-hero-bg:
    radial-gradient(circle at 86% 12%, rgba(251, 191, 36, 0.4), transparent 38%),
    radial-gradient(ellipse at 10% 100%, rgba(220, 38, 38, 0.12), transparent 50%),
    linear-gradient(160deg, #fff7ed 0%, #ffedd5 55%, #fde8c8 100%);
  --season-hero-shadow: 0 30px 60px -34px rgba(154, 52, 18, 0.35);
  --season-hero-title: #431407;
  --season-hero-text: #7c2d12;
  --season-form-shadow: 0 18px 40px -18px rgba(154, 52, 18, 0.35);
  --season-submit-bg: #c2410c;
  --season-submit-hover: #9a3412;
  --season-focus-ring: rgba(194, 65, 12, 0.3);
  --season-pill-bg: rgba(255, 255, 255, 0.65);
  --season-pill-border: rgba(194, 65, 12, 0.2);
  --season-pill-fg: #7c2d12;
  --season-pill-hover-bg: #ffffff;
  --season-pill-hover-border: #c2410c;
  --season-badge-bg: rgba(194, 65, 12, 0.1);
  --season-badge-border: rgba(194, 65, 12, 0.25);
  --season-badge-fg: #9a3412;
  --season-cta-bg: #7c2d12;
  --season-cta-hover-bg: #9a3412;
  --season-cta-fg: #fff7ed;
  --season-chip-bg: #fff7ed;
  --season-chip-hover-bg: #ffedd5;
  --season-chip-border: #fdba74;
  --season-chip-fg: #9a3412;
  --season-selection-bg: #fed7aa;
  --season-selection-fg: #7c2d12;
  --season-scrollbar: rgba(217, 119, 6, 0.5);
  --season-scrollbar-hover: #d97706;
  --season-card-hover-border: rgba(194, 65, 12, 0.35);
  --season-card-hover-glow: rgba(217, 119, 6, 0.3);
  --map-pin: #b45309;
  --map-pin-detail: #c2410c;
  --season-section-bg:
    radial-gradient(ellipse at 0% 100%, rgba(217, 119, 6, 0.18), transparent 50%),
    linear-gradient(180deg, #fffbf5 0%, #ffedd5 100%);
  --season-link: #9a3412;
  --season-card-shadow: 0 14px 30px -18px rgba(124, 45, 18, 0.35);
}

html[data-season="autumn"] .season-sun {
  position: absolute;
  top: -60px;
  left: 38%;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(253, 224, 71, 0.55) 0%, rgba(251, 191, 36, 0.2) 45%, transparent 70%);
}

html[data-season="autumn"] .season-leaves {
  position: absolute;
  filter: drop-shadow(0 6px 10px rgba(124, 45, 18, 0.18));
}
html[data-season="autumn"] .season-leaves--top {
  top: -14px;
  right: -10px;
  width: 170px;
  transform-origin: 100% 0;
  animation: season-branch 6s ease-in-out infinite alternate;
}
html[data-season="autumn"] .season-leaves--bottom {
  left: 24px;
  bottom: -6px;
  width: 150px;
}
@keyframes season-branch {
  from { transform: rotate(-1.5deg); }
  to { transform: rotate(1.5deg); }
}

@media (max-width: 768px) {
  html[data-season="autumn"] .season-leaves--top { width: 104px; }
  html[data-season="autumn"] .season-leaves--bottom { width: 110px; left: auto; right: 4px; }
  html[data-season="autumn"] .season-sun { width: 120px; height: 120px; top: -40px; }
}

html[data-season="autumn"] .map-pin--season {
  background-image: url('../../../icons/seasons/autumn.svg');
}
html[data-season="autumn"] .empty-icon::before,
html[data-season="autumn"] .saved-empty-icon::before,
html[data-season="autumn"] #emptyState::before {
  background-image: url('../../../icons/seasons/autumn-leaves.svg');
}