body{
  --bg:#0B0B10;--surface:#15151D;--surface-2:#1D1D28;--accent:#A10F2B;--accent-2:#D4A64A;
  --accent-fg:#fff;--glow:rgba(255,94,136,.25);--grad-a:#14070C;--grad-b:#2A0A15;
  transition:background var(--theme-speed) var(--ease),color var(--theme-speed) var(--ease);
}
body[data-theme="couple"]{--accent:#A10F2B;--accent-2:#D4A64A;--accent-fg:#fff;--glow:rgba(255,94,136,.28);--grad-a:#14070C;--grad-b:#2A0A15}
body[data-theme="deep"]{--accent:#3949AB;--accent-2:#C7C2FF;--accent-fg:#fff;--glow:rgba(123,97,255,.25);--grad-a:#0A1020;--grad-b:#151A35}
body[data-theme="party"]{--accent:#FF4FA3;--accent-2:#20D6C7;--accent-fg:#0B0B10;--glow:rgba(32,214,199,.25);--grad-a:#120E1D;--grad-b:#1B1730}
body[data-theme="bedroom"]{--accent:#7A0F25;--accent-2:#D9A6A0;--accent-fg:#fff;--glow:rgba(217,166,160,.23);--grad-a:#09070A;--grad-b:#1A0F16}

/* Step 4.5 — one coherent icon color per category */
body[data-theme="couple"]{--pack-icon-color:#F0C56E;--pack-icon-glow:rgba(240,197,110,.30)}
body[data-theme="deep"]{--pack-icon-color:#C7C2FF;--pack-icon-glow:rgba(199,194,255,.30)}
body[data-theme="party"]{--pack-icon-color:#20D6C7;--pack-icon-glow:rgba(32,214,199,.30)}
body[data-theme="bedroom"]{--pack-icon-color:#D9A6A0;--pack-icon-glow:rgba(217,166,160,.28)}