/* SethRicks.org portal — background canvas layer + light per-theme polish (versioned: bg.v2.css).
   v2: Pro (the calm default) has NO animated background — bg.v2.js never creates the canvas there,
   and this file hides it in case a theme switch leaves one behind. Other themes are unchanged from v1. */

/* Fixed full-viewport animated background, behind everything, never intercepts input. */
.pt-bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
[data-theme="pro"] .pt-bg { display: none; }
/* Lift the content above the canvas (cards stay fully opaque & readable). Header is already z-50. */
.pt-main,
.pt-auth-wrap { position: relative; z-index: 1; }

@media (prefers-reduced-motion: reduce) { .pt-bg { opacity: .7; } }

/* ---- Light per-theme polish (color/border/shadow only — no layout change) ---- */
/* modern ("Flashy") — electric cobalt edge */
[data-theme="modern"] .pt-header { border-bottom-color: color-mix(in srgb, var(--accent) 30%, var(--line-soft)); }
[data-theme="modern"] .pt-btn--primary { box-shadow: 0 8px 20px -10px var(--glow-cobalt); }

/* pro — calm & flat: all of its polish lives in portal.v2.css */

/* summer — warm gold glow */
[data-theme="summer"] .pt-btn--primary { box-shadow: 0 10px 24px -10px var(--glow-cobalt); }
[data-theme="summer"] .pt-card--accent { background: color-mix(in srgb, var(--sun) 9%, var(--surface)); }

/* music — fine gold hairline */
[data-theme="music"] .pt-card--accent { border-top: 2px solid var(--vermilion); }
[data-theme="music"] .pt-header { border-bottom-color: color-mix(in srgb, var(--vermilion) 40%, var(--line-soft)); }