/* Event hub palette (design handoff 2026-09-05). Applied on the hub root, the banner and the
   nav item via .evt-worlds / .evt-msi. Everything event-branded reads these variables. */
.evt-worlds {
    --evtWash: linear-gradient(135deg, #0b1230 0%, #141a3d 100%);
    --evtBannerBg: linear-gradient(90deg, #0b1230, #141a3d);
    --evtEdge: #e8c26a;
    --evtEdgeSoft: rgba(232, 194, 106, .12);
    --evtEdgeBorder: rgba(232, 194, 106, .35);
    --evtEdgeGlow: rgba(232, 194, 106, .18);
}
.evt-msi {
    --evtWash: linear-gradient(135deg, #1a1238 0%, #241a4e 100%);
    --evtBannerBg: linear-gradient(90deg, #1a1238, #241a4e);
    --evtEdge: #22d3ee;
    --evtEdgeSoft: rgba(34, 211, 238, .12);
    --evtEdgeBorder: rgba(34, 211, 238, .35);
    --evtEdgeGlow: rgba(34, 211, 238, .18);
}
/* Product tokens the hub uses beyond app.css's --panel/--border. */
.evt-worlds, .evt-msi {
    --evtGround: #0f1623;   /* hub page ground -- the hub is a dark island in either theme */
    --evtPanel: #1a2236;
    --evtPanel2: #1e2840;
    --evtBorder: #2a3550;
    --evtRule: #222c44;
    --evtText: #e4ecf8;
    --evtMuted: #8a97b3;
    --evtHoverBorder: #3a4a6e;
    --evtCyan: #00BFFF;
    --evtLive: #ef4444;
    --evtPos: #34d399;
    --evtNeg: #f87171;
    --evtInk: #0b1020;
    --evtPremium: #a78bfa;
    --evtPremiumFill: rgba(139, 92, 246, .12);
    --evtPremiumBorder: rgba(139, 92, 246, .35);
    --evtCardShadow: 0 6px 18px rgba(0, 0, 0, .22);
    --evtPanelShadow: 0 8px 24px rgba(0, 0, 0, .25);
    --evtDrawerShadow: 0 24px 64px rgba(0, 0, 0, .55);
    --evtLockShadow: 0 20px 60px rgba(0, 0, 0, .5);
    font-variant-numeric: tabular-nums;
}
@keyframes evtPulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.evtPulse { animation: evtPulse 1.4s infinite; }