/* ==========================================================================
   DreamFundSL seasonal themes for EVERY page (app, console, guides, legal,
   maintenance, sign-in). theme.js adds html.xmas (1 Dec - 6 Jan) or
   html.halloween (1 Oct - 1 Nov); ?xmas=1 / ?halloween=1 previews any time.
   Restrained and modern: re-toned accent tokens, a hairline accent along the
   top edge and a tinted sidebar. Layout is never touched. The sign-in screens
   keep their richer styling in login.css. Loaded LAST so it can override the
   tokens in app.css / legal.css / maintenance.css.
   ========================================================================== */

/* ---------- Christmas: evergreen + champagne gold + deep crimson ---------- */
html.xmas {
  --season-a: #dcc178; --season-b: #b3363a;
  /* app.css / console.css tokens */
  --teal: #1d6a49; --teal-dim: #e3f0e9; --teal-ink: #165338;
  --ctl-bg: #8c2a30; --ctl-bg-hover: #74222a;
  /* legal.css / guides.css / maintenance.css tokens */
  --accent: #1d6a49; --accent-dim: #e3f0e9; --accent-strong: #165338;
  --btn: #8c2a30; --btn-text: #fff;
}
html.xmas[data-theme="dark"] {
  --teal: #2c9466; --teal-dim: #11291e; --teal-ink: #7fd9ad;
  --ctl-bg: #b3363a; --ctl-bg-hover: #9a2d31;
  --accent: #7fd9ad; --accent-dim: #11291e; --accent-strong: #a6e8c6;
  --btn: #dcc178; --btn-text: #1c1505;
}
.xmas .sidebar { background: linear-gradient(160deg, #0f3d2e 0%, #0b211a 42%, var(--ink-900) 100%); }

/* ---------- Halloween: aubergine + amber + soft violet ---------- */
html.halloween {
  --season-a: #f59a3a; --season-b: #8b6cf0;
  --teal: #b75a00; --teal-dim: #fbeedd; --teal-ink: #94490a;
  --ctl-bg: #4f2d94; --ctl-bg-hover: #3f2378;
  --accent: #b05400; --accent-dim: #fbeedd; --accent-strong: #8c4000;
  --btn: #4f2d94; --btn-text: #fff;
}
html.halloween[data-theme="dark"] {
  --teal: #e8861f; --teal-dim: #2e1d0d; --teal-ink: #ffb35c;
  --ctl-bg: #7658d6; --ctl-bg-hover: #6445bd;
  --accent: #ffad5c; --accent-dim: #2e1d0d; --accent-strong: #ffc78a;
  --btn: #f59a3a; --btn-text: #1b0d2e;
}
.halloween .sidebar { background: linear-gradient(160deg, #2a1245 0%, #150b24 42%, var(--ink-900) 100%); }

/* ---------- Shared: hairline accent along the top edge ---------- */
.season-lights {
  position: fixed; left: 0; right: 0; top: 0; height: 2px; z-index: 2000; pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, var(--season-b) 22%, var(--season-a) 50%, var(--season-b) 78%, transparent 100%);
  box-shadow: 0 0 12px color-mix(in srgb, var(--season-a) 45%, transparent);
}
/* Sign-in / sign-up / reset screens already carry their own hairline */
html:has(.auth-screen:not(.hidden)) .season-lights { display: none; }
@media print { .season-lights { display: none; } }