/* Seasonal layer over modern.css. The leaf shapes are local SVG assets. */
:root[data-season="autumn"][data-theme="light"] {
  --bg: #f2e7dc;
  --bg-elev: #fff9f1;
  --bg-elev-2: #eadbdd;
  --border: #bda9a6;
  --text: #211b20;
  --text-dim: #554650;
  --accent: #8f3948;
  --accent-hover: #6d2938;
  --danger: #9e3239;
  --warn: #776123;
  --success: #3e6650;
  --busy: #a75257;
  --free: #638c70;
  --sleep: #78658f;
  --session: #956252;
  --shadow: 0 16px 36px rgba(39, 24, 31, 0.16);
  --accent-soft: #ead2da;
  --accent-ink: #ffffff;
  --sidebar-bg: #211b22;
  --sidebar-text: #fff1e4;
  --sidebar-muted: #dcc3d0;
  --sidebar-line: #55434f;
  --header-bg: #3b2b36;
  --header-text: #fff2e6;
  --header-muted: #ebd0d9;
  --header-rule: rgba(255, 235, 203, 0.13);
  --leaf-rust: #a34e55;
  --leaf-gold: #967750;
  --leaf-lilac: #8a6b9e;
}

:root[data-season="autumn"][data-theme="dark"] {
  --bg: #141116;
  --bg-elev: #241e24;
  --bg-elev-2: #362a32;
  --border: #6a535e;
  --text: #fff0e6;
  --text-dim: #dfcbd0;
  --accent: #dfa4b8;
  --accent-hover: #f1c5d4;
  --danger: #f19193;
  --warn: #cbb390;
  --success: #a6c29e;
  --busy: #c97078;
  --free: #78997d;
  --sleep: #ad92c3;
  --session: #b78175;
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.30);
  --accent-soft: #4b3440;
  --accent-ink: #21161b;
  --sidebar-bg: #0e0c10;
  --sidebar-text: #fff0e6;
  --sidebar-muted: #dbc0cb;
  --sidebar-line: #493743;
  --header-bg: #3d2a37;
  --header-text: #fff0e6;
  --header-muted: #e8ccd9;
  --header-rule: rgba(255, 235, 203, 0.12);
  --leaf-rust: #d98c97;
  --leaf-gold: #bea27d;
  --leaf-lilac: #c5a2d4;
}

:root[data-season="autumn"] .main {
  background: url('/autumn-wind.svg') right top / 520px 390px repeat-y;
}
:root[data-season="autumn"] .auth-screen {
  background-image: url('/autumn-wind.svg');
  background-position: center;
  background-size: 520px 390px;
}
:root[data-season="autumn"] .brand::after,
:root[data-season="autumn"] .auth-card::before {
  background: repeating-linear-gradient(90deg,
    var(--leaf-gold) 0 12px, var(--leaf-rust) 12px 24px,
    var(--leaf-lilac) 24px 36px, transparent 36px 43px);
}
:root[data-season="autumn"] .topbar {
  border-left-color: var(--leaf-gold);
  border-bottom: 2px solid var(--leaf-lilac);
}
:root[data-season="autumn"] .topbar > :first-child { max-width: calc(100% - 230px); }
:root[data-season="autumn"] .topbar::after { background-image: none; }
:root[data-season="autumn"] .grid-2 > .card:nth-child(2) { border-top: 2px solid var(--leaf-lilac); }
:root[data-season="autumn"] .card,
:root[data-season="autumn"] .auth-card,
:root[data-season="autumn"] .modal,
:root[data-season="autumn"] .toast { color: var(--text); }
:root[data-season="autumn"] .sc-event { text-shadow: none; }
:root[data-season="autumn"] .sc-event-title,
:root[data-season="autumn"] .sc-event-time,
:root[data-season="autumn"] .sc-event-groups {
  background: rgba(20, 15, 21, 0.84);
  color: #ffffff;
  border-radius: 2px;
  padding-left: 2px;
}

:root[data-season="autumn"] .topbar::before,
:root[data-season="autumn"] .auth-screen::before {
  content: "";
  position: absolute;
  width: 270px;
  height: 154px;
  background: url('/autumn-leaves.svg') center / contain no-repeat;
  pointer-events: none;
  animation: autumn-sway 7s ease-in-out infinite alternate;
}
:root[data-season="autumn"] .topbar::before {
  top: -20px;
  right: -12px;
  opacity: 0.83;
  transition: filter 0.2s ease;
}
:root[data-season="autumn"] .topbar:hover::before { filter: saturate(1.3); }
:root[data-season="autumn"] .auth-screen { position: relative; overflow: hidden; }
:root[data-season="autumn"] .auth-screen::before {
  top: 5%;
  right: 5%;
  opacity: 0.8;
}
:root[data-season="autumn"] .auth-card { z-index: 1; }
:root[data-season="autumn"] .card h3::before {
  width: 17px;
  height: 17px;
  flex-basis: 17px;
  border-radius: 0;
  background: var(--leaf-rust);
  -webkit-mask: url('/leaf.svg') center / contain no-repeat;
  mask: url('/leaf.svg') center / contain no-repeat;
}
:root[data-season="autumn"] .grid-2 > .card:nth-child(2) h3::before,
:root[data-season="autumn"] .tg-app .card:nth-child(2) h3::before {
  background: var(--leaf-gold);
}
:root[data-season="autumn"] .tg-app > div:first-child { position: relative; overflow: hidden; }
:root[data-season="autumn"] .tg-app > div:first-child::after {
  content: "";
  position: absolute;
  right: -8px;
  top: -14px;
  width: 138px;
  height: 96px;
  background: url('/autumn-leaves.svg') center / contain no-repeat;
  opacity: 0.78;
  pointer-events: none;
}
:root[data-season="autumn"] .tg-app > div:first-child > * { position: relative; z-index: 1; }

@keyframes autumn-sway {
  from { transform: translateY(0) rotate(-3deg); }
  to { transform: translateY(7px) rotate(3deg); }
}
@media (max-width: 600px) {
  :root[data-season="autumn"] .topbar > :first-child { max-width: calc(100% - 98px); }
  :root[data-season="autumn"] .topbar::before {
    width: 108px;
    height: 76px;
    top: -12px;
    right: -20px;
    opacity: 0.78;
  }
  :root[data-season="autumn"] .auth-screen::before {
    width: 175px;
    height: 100px;
    top: 14px;
    right: -24px;
  }
}
@media (max-width: 360px) {
  :root[data-season="autumn"] .topbar > :first-child { max-width: calc(100% - 60px); }
  :root[data-season="autumn"] .topbar::before {
    width: 75px;
    height: 54px;
    top: -5px;
    right: -12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root[data-season="autumn"] .topbar::before,
  :root[data-season="autumn"] .auth-screen::before { animation: none; }
}