/* VCORE Seasonal Theme Layer v1
   Additive only: the default theme leaves the existing VCORE design untouched.
   Theme state is controlled by /js/seasonal-theme.js on <html data-vcore-theme="...">.
*/

html[data-vcore-theme="default"] .vcore-seasonal-overlay{display:none!important}

/* Shared seasonal motion/decor layer */
.vcore-seasonal-overlay{position:fixed;inset:0;z-index:45;pointer-events:none;overflow:hidden;contain:layout paint;isolation:isolate}
.vcore-seasonal-overlay::before,.vcore-seasonal-overlay::after{content:"";position:absolute;pointer-events:none}

/* ---------------- Halloween ---------------- */
html[data-vcore-theme="halloween"]{
  --bg:#090108;--bg2:#12020e;--surface:#140817;--surface2:#1e0a1d;--surface3:rgba(255,255,255,.033);
  --purple:#a322ff;--purple2:#d229ff;--magenta:#ff2abf;--pink:#ff4fd8;--cyan:#d7a7ff;--green:#80ff9a;--red:#ff2438;
  --border:rgba(255,255,255,.085);--border2:rgba(255,40,67,.24);
  --grad:linear-gradient(135deg,#8d22ff 0%,#ff2abf 52%,#ef182f 100%);
  --s-bg:#090108;--s-bg2:#12020e;--s-panel:#140817;--s-panel2:#1e0a1d;
  --s-line:rgba(255,255,255,.075);--s-line2:rgba(255,40,67,.25);
  --s-purple:#a322ff;--s-purple2:#d229ff;--s-pink:#ff2abf;--s-cyan:#d7a7ff;--s-green:#80ff9a;--s-red:#ff2438;
}
html[data-vcore-theme="halloween"] body{
  background:
    radial-gradient(circle at 12% -5%,rgba(239,24,47,.17),transparent 28rem),
    radial-gradient(circle at 86% 14%,rgba(210,41,255,.15),transparent 30rem),
    radial-gradient(circle at 50% 80%,rgba(103,15,136,.09),transparent 36rem),
    linear-gradient(180deg,#060006,#0d010b 34%,#080008)!important;
}
html[data-vcore-theme="halloween"] .site-header,
html[data-vcore-theme="halloween"] .studio-header{
  background:linear-gradient(180deg,rgba(13,1,12,.95),rgba(7,0,7,.9))!important;
  border-bottom-color:rgba(255,40,67,.27)!important;
  box-shadow:0 12px 35px rgba(77,0,65,.28),0 1px 0 rgba(255,35,61,.14);
}
html[data-vcore-theme="halloween"] .site-header::after,
html[data-vcore-theme="halloween"] .studio-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-13px;height:14px;pointer-events:none;
  background:url('/assets/seasonal/halloween/blood-drip.svg') center top/auto 14px repeat-x;opacity:.72;
}
html[data-vcore-theme="halloween"] .ecosystem-switcher{background:rgba(11,0,10,.95)!important;border-color:rgba(255,36,56,.17)!important}
html[data-vcore-theme="halloween"] .ecosystem-switcher a.current,
html[data-vcore-theme="halloween"] .desktop-nav a:hover,
html[data-vcore-theme="halloween"] .desktop-nav a.active,
html[data-vcore-theme="halloween"] .studio-nav a:hover,
html[data-vcore-theme="halloween"] .studio-nav a.active{color:#fff!important;text-shadow:0 0 16px rgba(255,34,56,.28)}
html[data-vcore-theme="halloween"] .brand img,
html[data-vcore-theme="halloween"] .studio-brand img{filter:drop-shadow(0 0 12px rgba(255,42,191,.34)) drop-shadow(0 0 8px rgba(255,31,49,.24))}
html[data-vcore-theme="halloween"] .brand,
html[data-vcore-theme="halloween"] .studio-brand{position:relative}
html[data-vcore-theme="halloween"] .brand::after,
html[data-vcore-theme="halloween"] .studio-brand::after{
  content:"";position:absolute;width:30px;height:30px;left:24px;top:-7px;background:url('/assets/seasonal/halloween/web-mini.svg') center/contain no-repeat;opacity:.72;pointer-events:none
}
html[data-vcore-theme="halloween"] .hero::before{background:linear-gradient(90deg,rgba(7,0,7,.99) 0%,rgba(12,1,11,.9) 38%,rgba(35,0,27,.45) 68%,rgba(13,0,11,.72) 100%),linear-gradient(180deg,rgba(50,0,34,.08),rgba(50,0,34,.32) 58%,#090108 100%)!important}
html[data-vcore-theme="halloween"] .hero-vignette{background:radial-gradient(circle at 72% 45%,rgba(255,34,61,.12),rgba(179,30,255,.08) 28%,transparent 52rem)!important}
html[data-vcore-theme="halloween"] .studio-hero::before{background:radial-gradient(circle at 68% 38%,rgba(255,34,61,.14),transparent 27rem),radial-gradient(circle at 20% 10%,rgba(173,32,255,.13),transparent 24rem),linear-gradient(90deg,rgba(7,1,9,.97) 0%,rgba(9,1,10,.84) 45%,rgba(22,1,19,.4) 75%,rgba(8,1,9,.9) 100%),url("/assets/cinematic/vcore-city.webp") center/cover no-repeat!important}
html[data-vcore-theme="halloween"] .hero h1 span,
html[data-vcore-theme="halloween"] .section h2 span,
html[data-vcore-theme="halloween"] .final-cta h2 span,
html[data-vcore-theme="halloween"] .studio-hero h1 span{
  background:linear-gradient(90deg,#d16bff 0%,#ff2abf 46%,#ff263d 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important
}
html[data-vcore-theme="halloween"] :is(.feature-card,.trust-card,.panel,.product-card,.studio-card,.glass,.page-card,.status-card,.application-card,.community-link-card,.community-primary,.prose-page,.rule-card,.roadmap-column,.update-panel){
  border-color:rgba(255,47,74,.15)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.02)
}
html[data-vcore-theme="halloween"] :is(.feature-card,.product-card,.studio-card,.application-card):hover{border-color:rgba(255,42,191,.29)!important;box-shadow:0 20px 58px rgba(68,0,57,.25),0 0 30px rgba(255,35,61,.05)!important}
html[data-vcore-theme="halloween"] :is(.btn-primary,.nav-connect,.server-cta,.btn.primary){background:var(--grad)!important;box-shadow:0 12px 32px rgba(255,34,61,.12),0 10px 28px rgba(143,24,255,.14)!important}
html[data-vcore-theme="halloween"] :is(input,select,textarea):focus{border-color:rgba(255,42,191,.45)!important;box-shadow:0 0 0 3px rgba(255,36,56,.08)!important}
html[data-vcore-theme="halloween"] ::selection{background:#b617a9;color:#fff}

.vcore-seasonal-overlay.is-halloween::before{inset:0;background:url('/assets/seasonal/halloween/web-corner.svg') left top/250px 250px no-repeat,url('/assets/seasonal/halloween/web-corner.svg') right top/220px 220px no-repeat;transform:scaleX(1);opacity:.24;filter:drop-shadow(0 0 18px rgba(255,42,191,.1))}
.vcore-seasonal-overlay.is-halloween::after{width:320px;height:180px;right:-50px;bottom:-45px;background:radial-gradient(ellipse at center,rgba(255,30,56,.13),rgba(205,22,255,.07) 40%,transparent 72%);filter:blur(22px)}
.vcore-seasonal-mist{position:absolute;left:-12%;right:-12%;bottom:-5%;height:29vh;min-height:170px;background:radial-gradient(ellipse at 18% 72%,rgba(255,40,79,.07),transparent 28%),radial-gradient(ellipse at 65% 80%,rgba(167,35,255,.08),transparent 34%),linear-gradient(180deg,transparent,rgba(190,22,255,.025));filter:blur(20px);opacity:.8;animation:vcore-mist 16s ease-in-out infinite alternate}
@keyframes vcore-mist{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.04)}}

/* ---------------- Christmas ---------------- */
html[data-vcore-theme="christmas"]{
  --bg:#090606;--bg2:#110809;--surface:#150c0e;--surface2:#1c0f12;--surface3:rgba(255,255,255,.037);
  --purple:#c91d35;--purple2:#ff314b;--magenta:#ff2abf;--pink:#ff4f68;--cyan:#d7fff0;--green:#53e878;--red:#ff2b3f;
  --border:rgba(255,255,255,.095);--border2:rgba(255,61,79,.23);
  --grad:linear-gradient(135deg,#a90f24 0%,#f22840 46%,#ff2abf 100%);
  --s-bg:#090606;--s-bg2:#110809;--s-panel:#150c0e;--s-panel2:#1c0f12;
  --s-line:rgba(255,255,255,.08);--s-line2:rgba(255,61,79,.23);
  --s-purple:#c91d35;--s-purple2:#ff314b;--s-pink:#ff2abf;--s-cyan:#d7fff0;--s-green:#53e878;--s-red:#ff2b3f;
}
html[data-vcore-theme="christmas"] body{
  background:
    radial-gradient(circle at 14% -5%,rgba(230,25,46,.16),transparent 30rem),
    radial-gradient(circle at 88% 10%,rgba(34,190,81,.07),transparent 25rem),
    radial-gradient(circle at 55% 74%,rgba(255,42,191,.055),transparent 35rem),
    linear-gradient(180deg,#070404,#0e0608 36%,#080505)!important;
}
html[data-vcore-theme="christmas"] .site-header,
html[data-vcore-theme="christmas"] .studio-header{
  background:linear-gradient(180deg,rgba(13,7,8,.96),rgba(8,4,5,.91))!important;
  border-bottom-color:rgba(255,59,77,.22)!important;
  box-shadow:0 14px 38px rgba(58,0,7,.24),0 1px 0 rgba(255,255,255,.035)
}
html[data-vcore-theme="christmas"] .site-header::after,
html[data-vcore-theme="christmas"] .studio-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-8px;height:10px;pointer-events:none;
  background:url('/assets/seasonal/christmas/snow-edge.svg') center bottom/auto 10px repeat-x;opacity:.92
}
html[data-vcore-theme="christmas"] .ecosystem-switcher{background:rgba(11,6,7,.95)!important;border-color:rgba(255,58,76,.15)!important}
html[data-vcore-theme="christmas"] .brand img,
html[data-vcore-theme="christmas"] .studio-brand img{filter:drop-shadow(0 0 12px rgba(255,41,62,.26)) drop-shadow(0 0 8px rgba(255,42,191,.12))}
html[data-vcore-theme="christmas"] .brand,
html[data-vcore-theme="christmas"] .studio-brand{position:relative}
html[data-vcore-theme="christmas"] .brand::after,
html[data-vcore-theme="christmas"] .studio-brand::after{
  content:"";position:absolute;width:42px;height:34px;left:19px;top:-14px;background:url('/assets/seasonal/christmas/santa-hat.svg') center/contain no-repeat;opacity:.98;pointer-events:none;transform:rotate(-8deg)
}

html[data-vcore-theme="christmas"] .hero::before{background:linear-gradient(90deg,rgba(7,4,4,.99) 0%,rgba(12,6,7,.91) 38%,rgba(39,7,12,.38) 68%,rgba(12,6,7,.67) 100%),linear-gradient(180deg,rgba(50,4,10,.09),rgba(50,4,10,.25) 58%,#090606 100%)!important}
html[data-vcore-theme="christmas"] .hero-vignette{background:radial-gradient(circle at 72% 45%,rgba(255,40,60,.12),rgba(41,201,87,.035) 35%,transparent 55rem)!important}
html[data-vcore-theme="christmas"] .studio-hero::before{background:radial-gradient(circle at 68% 38%,rgba(255,39,60,.13),transparent 27rem),radial-gradient(circle at 20% 10%,rgba(45,191,84,.055),transparent 24rem),linear-gradient(90deg,rgba(9,5,5,.97) 0%,rgba(10,5,6,.84) 45%,rgba(29,5,8,.38) 75%,rgba(9,5,5,.9) 100%),url("/assets/cinematic/vcore-city.webp") center/cover no-repeat!important}
html[data-vcore-theme="christmas"] .hero h1 span,
html[data-vcore-theme="christmas"] .section h2 span,
html[data-vcore-theme="christmas"] .final-cta h2 span,
html[data-vcore-theme="christmas"] .studio-hero h1 span{
  background:linear-gradient(90deg,#ff6a78 0%,#ff2c43 42%,#ff2abf 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important
}
html[data-vcore-theme="christmas"] :is(.feature-card,.trust-card,.panel,.product-card,.studio-card,.glass,.page-card,.status-card,.application-card,.community-link-card,.community-primary,.prose-page,.rule-card,.roadmap-column,.update-panel){
  border-color:rgba(255,63,81,.13)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.025)
}
html[data-vcore-theme="christmas"] :is(.feature-card,.product-card,.studio-card,.application-card):hover{border-color:rgba(255,76,94,.27)!important;box-shadow:0 20px 58px rgba(91,7,17,.24),0 0 24px rgba(52,211,91,.025)!important}
html[data-vcore-theme="christmas"] :is(.btn-primary,.nav-connect,.server-cta,.btn.primary){
  background:linear-gradient(135deg,#af1025 0%,#ef263f 55%,#ff2abf 100%)!important;
  box-shadow:0 12px 32px rgba(236,28,52,.16),0 10px 28px rgba(255,42,191,.08)!important
}
html[data-vcore-theme="christmas"] :is(.btn-secondary,.btn.secondary,.framework-return){border-color:rgba(255,72,88,.18)!important;background:rgba(255,255,255,.04)!important}
html[data-vcore-theme="christmas"] :is(input,select,textarea):focus{border-color:rgba(255,55,75,.4)!important;box-shadow:0 0 0 3px rgba(255,50,69,.07)!important}
html[data-vcore-theme="christmas"] ::selection{background:#b9162e;color:#fff}

.vcore-seasonal-overlay.is-christmas::before{width:220px;height:170px;right:-22px;top:0;background:url('/assets/seasonal/christmas/holly-corner.svg') right top/contain no-repeat;opacity:.5;filter:drop-shadow(0 7px 18px rgba(0,0,0,.28))}
.vcore-seasonal-overlay.is-christmas::after{left:0;right:0;top:0;height:18px;background:url('/assets/seasonal/christmas/snow-edge.svg') center top/auto 18px repeat-x;opacity:.68}
.vcore-seasonal-snow{position:absolute;inset:0;overflow:hidden}
.vcore-seasonal-snow i{position:absolute;top:-24px;left:var(--x);width:var(--size);height:var(--size);border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 0 8px rgba(255,255,255,.26);opacity:.72;animation:vcore-snow var(--duration) linear var(--delay) infinite}
@keyframes vcore-snow{0%{transform:translate3d(0,-30px,0) rotate(0deg);opacity:0}10%{opacity:.75}100%{transform:translate3d(var(--drift),105vh,0) rotate(360deg);opacity:.18}}
.vcore-seasonal-lights{position:absolute;left:0;right:0;top:0;height:26px;display:flex;justify-content:space-around;padding:0 2.5vw;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35));opacity:.8}
.vcore-seasonal-lights::before{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:rgba(30,64,29,.7)}
.vcore-seasonal-lights i{position:relative;margin-top:5px;width:7px;height:12px;border-radius:55% 55% 60% 60%;background:#ff3148;box-shadow:0 0 10px currentColor;transform:rotate(8deg);animation:vcore-bulb 2.4s ease-in-out calc(var(--i) * -.13s) infinite alternate}
.vcore-seasonal-lights i:nth-child(3n+2){background:#45df6c;color:#45df6c}.vcore-seasonal-lights i:nth-child(3n){background:#ffd24c;color:#ffd24c}.vcore-seasonal-lights i:nth-child(3n+1){color:#ff3148}
.vcore-seasonal-lights i::before{content:"";position:absolute;left:2px;top:-4px;width:3px;height:4px;border-radius:2px;background:#2d3e2d}
@keyframes vcore-bulb{from{opacity:.56;filter:brightness(.9)}to{opacity:1;filter:brightness(1.28)}}

/* Accessibility / performance */
@media(max-width:760px){
  .vcore-seasonal-overlay.is-halloween::before{background-size:160px 160px,150px 150px;opacity:.18}
  .vcore-seasonal-overlay.is-christmas::before{width:130px;height:105px;opacity:.35}
  .vcore-seasonal-snow i:nth-child(2n){display:none}
  .vcore-seasonal-lights{opacity:.62}
  html[data-vcore-theme] .brand::after,html[data-vcore-theme] .studio-brand::after{transform:scale(.78);transform-origin:center}
}
@media(prefers-reduced-motion:reduce){
  .vcore-seasonal-snow i,.vcore-seasonal-lights i,.vcore-seasonal-mist{animation:none!important}
  .vcore-seasonal-snow{display:none!important}
}
@media print{.vcore-seasonal-overlay{display:none!important}}

/* ================================================================
   Halloween v2 — stronger Studio-wide art direction
   Keeps the existing VCORE layout intact while carrying the seasonal
   treatment through hero, content cards, section transitions and footer.
   ================================================================ */
html[data-vcore-theme="halloween"] body{position:relative}
html[data-vcore-theme="halloween"] .vcore-seasonal-overlay.is-halloween::before{background:none!important;opacity:0!important}

/* Replace the floating mini brand web with two properly anchored corner webs. */
html[data-vcore-theme="halloween"] .studio-brand::after,
html[data-vcore-theme="halloween"] .brand::after{display:none!important}
.vcore-halloween-web{position:absolute;top:94px;width:min(26vw,390px);height:min(23vw,330px);background:url('/assets/seasonal/halloween/web-corner-v2.svg') left top/contain no-repeat;opacity:.58;filter:drop-shadow(0 0 15px rgba(255,36,75,.13));transform-origin:top left}
.vcore-halloween-web-left{left:-28px;transform:rotate(-4deg) scale(.83)}
.vcore-halloween-web-right{right:-34px;left:auto;transform-origin:top right;transform:scaleX(-1) rotate(11deg) scale(.98)}
.vcore-halloween-grain{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 25%,rgba(255,255,255,.035) 0 1px,transparent 1.4px),radial-gradient(circle at 75% 68%,rgba(255,43,76,.035) 0 1px,transparent 1.4px);background-size:33px 37px,47px 41px;mix-blend-mode:screen;opacity:.18}

/* Header blood line: deeper, glossier and less flat. */
html[data-vcore-theme="halloween"] .studio-header::after,
html[data-vcore-theme="halloween"] .site-header::after{
  bottom:-15px;height:18px;opacity:.94!important;
  background:url('/assets/seasonal/halloween/blood-drip.svg') center top/auto 18px repeat-x!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.55)) drop-shadow(0 0 4px rgba(255,30,68,.22));
}
html[data-vcore-theme="halloween"] .studio-header{box-shadow:0 16px 38px rgba(50,0,37,.42),0 1px 0 rgba(255,31,65,.24)!important}

/* Homepage Halloween scene — moon, bats, mist and foreground pumpkins. */
html[data-vcore-theme="halloween"] .studio-hero{min-height:690px;border-bottom-color:rgba(255,34,67,.17)!important;isolation:isolate}
html[data-vcore-theme="halloween"] .studio-hero::before{
  opacity:.9!important;
  filter:saturate(1.2) contrast(1.08);
  background:
    radial-gradient(circle at 77% 29%,rgba(255,36,73,.20),transparent 17rem),
    radial-gradient(circle at 68% 58%,rgba(255,42,191,.16),transparent 30rem),
    linear-gradient(90deg,rgba(5,0,6,.99) 0%,rgba(11,1,12,.91) 35%,rgba(45,0,31,.37) 67%,rgba(8,0,9,.79) 100%),
    url('/assets/cinematic/vcore-city.webp') center/cover no-repeat!important;
}
html[data-vcore-theme="halloween"] .studio-hero::after{background:linear-gradient(180deg,rgba(9,0,10,.08) 42%,rgba(13,1,14,.22) 66%,#090108 100%)!important;z-index:0}
.vcore-halloween-hero-scene{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.vcore-halloween-moon{position:absolute;right:18%;top:18%;width:clamp(110px,12vw,185px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 38%,#ff9bae 0 4%,#ff3a63 21%,#a21458 52%,rgba(96,9,75,.68) 68%,rgba(75,6,71,.05) 73%);box-shadow:0 0 40px rgba(255,39,83,.24),0 0 95px rgba(255,42,191,.14);filter:blur(.25px);opacity:.58}
.vcore-halloween-moon::after{content:"";position:absolute;inset:-26%;border-radius:50%;background:radial-gradient(circle,rgba(255,26,75,.12),transparent 68%);filter:blur(11px)}
.vcore-halloween-bats{position:absolute;right:9%;top:13%;width:min(34vw,520px);height:min(16vw,220px);background:url('/assets/seasonal/halloween/bats.svg') center/contain no-repeat;opacity:.86;filter:drop-shadow(0 0 8px rgba(255,36,80,.12));animation:vcore-bats 8s ease-in-out infinite alternate}
.vcore-halloween-pumpkins{position:absolute;bottom:-31px;width:min(34vw,430px);aspect-ratio:560/430;background:url('/assets/seasonal/halloween/pumpkin-ledge.svg') center bottom/contain no-repeat;opacity:.83;filter:drop-shadow(0 20px 30px rgba(0,0,0,.58)) drop-shadow(0 0 10px rgba(255,31,70,.11))}
.vcore-halloween-pumpkins-left{left:-73px}
.vcore-halloween-pumpkins-right{right:-74px;transform:scaleX(-1) scale(.9);transform-origin:right bottom;opacity:.7}
.vcore-halloween-hero-fog{position:absolute;left:-10%;right:-10%;bottom:-7%;height:35%;background:radial-gradient(ellipse at 18% 60%,rgba(255,26,68,.12),transparent 27%),radial-gradient(ellipse at 66% 72%,rgba(235,31,255,.13),transparent 31%),radial-gradient(ellipse at 85% 65%,rgba(255,37,81,.08),transparent 25%);filter:blur(26px);opacity:.82;animation:vcore-hero-fog 12s ease-in-out infinite alternate}
@keyframes vcore-bats{from{transform:translate3d(-4px,1px,0)}to{transform:translate3d(10px,-7px,0)}}
@keyframes vcore-hero-fog{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,-3%,0) scale(1.04)}}

html[data-vcore-theme="halloween"] .studio-hero .hero-inner{position:relative;z-index:3;text-shadow:0 2px 12px rgba(0,0,0,.28)}
html[data-vcore-theme="halloween"] .studio-hero .eyebrow{color:#f3cfe8}
html[data-vcore-theme="halloween"] .studio-hero .micro{color:#b79daf}
html[data-vcore-theme="halloween"] .studio-hero .micro i{background:#ff284d;box-shadow:0 0 12px rgba(255,40,77,.82)}

/* Carry the theme through the page instead of stopping after the hero. */
html[data-vcore-theme="halloween"] .section,
html[data-vcore-theme="halloween"] .compact{position:relative}
html[data-vcore-theme="halloween"] main>.section:nth-of-type(even){background:radial-gradient(circle at 88% 12%,rgba(255,30,71,.045),transparent 26rem),radial-gradient(circle at 12% 82%,rgba(160,31,255,.035),transparent 25rem)}
html[data-vcore-theme="halloween"] main>.section:not(.compact)::before{content:"";position:absolute;left:50%;top:0;width:min(1240px,calc(100% - 40px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,35,73,.15),rgba(255,42,191,.13),transparent)}

html[data-vcore-theme="halloween"] :is(.path-card,.product-card,.flagship,.preview-strip figure,.next-step,.hub-card,.dev-item,.service-card,.product-mark,.shot,.board-download-card,.board-info-card,.board-release-notes){
  position:relative;
  border-color:rgba(255,40,74,.17)!important;
  background-image:linear-gradient(145deg,rgba(26,7,23,.92),rgba(9,4,12,.97)),radial-gradient(circle at 90% 10%,rgba(255,31,68,.06),transparent 12rem)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.016)!important;
}
html[data-vcore-theme="halloween"] :is(.path-card,.product-card,.preview-strip figure,.hub-card,.dev-item,.service-card)::before{
  content:"";position:absolute;right:0;top:0;width:54px;height:54px;background:url('/assets/seasonal/halloween/web-mini.svg') right top/54px 54px no-repeat;opacity:.15;pointer-events:none
}
html[data-vcore-theme="halloween"] :is(.path-card,.product-card,.hub-card,.dev-item,.service-card):hover{border-color:rgba(255,46,82,.34)!important;box-shadow:0 24px 62px rgba(54,0,40,.28),0 0 26px rgba(255,35,69,.045)!important}
html[data-vcore-theme="halloween"] .product-card:nth-child(3n+2)::before{transform:scaleX(-1);right:auto;left:0;opacity:.11}
html[data-vcore-theme="halloween"] .product-icon{border-color:rgba(255,40,76,.14)!important;background:radial-gradient(circle at 50% 55%,rgba(255,30,66,.06),transparent 68%),rgba(255,255,255,.018)!important}
html[data-vcore-theme="halloween"] .product-card .arrow,
html[data-vcore-theme="halloween"] .product-signature,
html[data-vcore-theme="halloween"] .hub-card .linkline,
html[data-vcore-theme="halloween"] .dev-item .linkline,
html[data-vcore-theme="halloween"] .service-card a{color:#ff91b1!important}
html[data-vcore-theme="halloween"] .status-pill{border-color:rgba(255,44,80,.18)!important;background:rgba(255,33,67,.025)}

/* Flagship panel gets a stronger cracked / blood-red edge treatment. */
html[data-vcore-theme="halloween"] .flagship{overflow:hidden}
html[data-vcore-theme="halloween"] .flagship::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(113deg,transparent 0 64%,rgba(255,40,80,.055) 64.3%,transparent 65%),linear-gradient(70deg,transparent 0 82%,rgba(190,40,255,.045) 82.2%,transparent 83%);opacity:.8}
html[data-vcore-theme="halloween"] .flag-art{background:radial-gradient(circle at 55% 45%,rgba(255,33,68,.12),transparent 42%),radial-gradient(circle at 35% 62%,rgba(175,30,255,.12),transparent 50%),#09040e!important}
html[data-vcore-theme="halloween"] .flag-art::before{filter:saturate(.85) hue-rotate(310deg);opacity:.18!important}
html[data-vcore-theme="halloween"] .flag-art img{filter:drop-shadow(0 25px 60px rgba(255,34,75,.11)) drop-shadow(0 0 24px rgba(176,38,255,.15))!important}

/* Gallery and lower CTA: keep Halloween visible during the scroll. */
html[data-vcore-theme="halloween"] .preview-strip figure{overflow:hidden}
html[data-vcore-theme="halloween"] .preview-strip figure::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,35,73,.035),inset 0 -40px 55px rgba(23,0,19,.19)}
html[data-vcore-theme="halloween"] .next-step{overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(255,35,70,.09),transparent 18rem),linear-gradient(135deg,rgba(100,21,123,.08),rgba(255,34,69,.045))!important}
html[data-vcore-theme="halloween"] .next-step::before{content:"";position:absolute;right:-6px;top:-8px;width:96px;height:96px;background:url('/assets/seasonal/halloween/web-corner-v2.svg') right top/96px 78px no-repeat;opacity:.13;transform:scaleX(-1)}

/* Footer finish. */
html[data-vcore-theme="halloween"] .studio-footer{position:relative;overflow:hidden;border-top-color:rgba(255,37,72,.18)!important;background:radial-gradient(circle at 15% 0%,rgba(255,27,66,.055),transparent 23rem),radial-gradient(circle at 86% 20%,rgba(170,31,255,.05),transparent 25rem),linear-gradient(180deg,rgba(10,1,10,.68),rgba(5,0,6,.98))}
html[data-vcore-theme="halloween"] .studio-footer::before{content:"";position:absolute;left:-38px;bottom:-64px;width:280px;height:235px;background:url('/assets/seasonal/halloween/web-corner-v2.svg') left bottom/contain no-repeat;transform:rotate(90deg) scale(.72);opacity:.08;pointer-events:none}
html[data-vcore-theme="halloween"] .studio-footer::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-95px;height:180px;background:radial-gradient(ellipse at center,rgba(255,34,72,.07),rgba(168,28,255,.035) 40%,transparent 72%);filter:blur(22px);pointer-events:none}
html[data-vcore-theme="halloween"] .studio-footer :is(.container,.studio-footer-bottom){position:relative;z-index:1}
html[data-vcore-theme="halloween"] .studio-footer h4{color:#f0c9db}
html[data-vcore-theme="halloween"] .studio-footer a:hover{color:#ffb0c5}

/* Inner-page hero and cards get the same atmosphere without homepage clutter. */
html[data-vcore-theme="halloween"] .page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 30%,rgba(255,35,69,.07),transparent 20rem),radial-gradient(circle at 12% 0%,rgba(177,33,255,.055),transparent 22rem)}
html[data-vcore-theme="halloween"] .page-hero::after{content:"";position:absolute;right:-25px;top:-30px;width:170px;height:140px;background:url('/assets/seasonal/halloween/web-corner-v2.svg') right top/contain no-repeat;opacity:.09;transform:scaleX(-1) rotate(5deg);pointer-events:none}

@media(max-width:1050px){
  .vcore-halloween-web{width:280px;height:235px;top:94px;opacity:.42}
  .vcore-halloween-pumpkins{width:330px;opacity:.63}
  .vcore-halloween-pumpkins-left{left:-105px}
  .vcore-halloween-pumpkins-right{right:-110px}
  .vcore-halloween-bats{right:2%;width:390px}
}
@media(max-width:820px){
  html[data-vcore-theme="halloween"] .studio-hero{min-height:620px}
  .vcore-halloween-web{top:128px;width:210px;height:180px;opacity:.3}
  .vcore-halloween-web-left{left:-70px;transform:rotate(-4deg) scale(.8)}
  .vcore-halloween-web-right{right:-80px;transform:scaleX(-1) rotate(10deg) scale(.82)}
  .vcore-halloween-pumpkins{width:250px;opacity:.42}
  .vcore-halloween-pumpkins-left{left:-100px}
  .vcore-halloween-pumpkins-right{right:-105px}
  .vcore-halloween-bats{right:-70px;top:17%;width:330px;opacity:.6}
  .vcore-halloween-moon{right:5%;top:23%;opacity:.42}
}
@media(max-width:620px){
  html[data-vcore-theme="halloween"] .studio-hero{min-height:580px}
  .vcore-halloween-web{top:118px;width:160px;height:140px;opacity:.22}
  .vcore-halloween-web-left{left:-76px}.vcore-halloween-web-right{right:-82px}
  .vcore-halloween-pumpkins{display:none}
  .vcore-halloween-bats{right:-90px;top:21%;width:260px;opacity:.42}
  .vcore-halloween-moon{right:-4%;top:28%;width:105px;opacity:.3}
  .vcore-halloween-hero-fog{height:23%;opacity:.55}
  html[data-vcore-theme="halloween"] main>.section:not(.compact)::before{width:calc(100% - 24px)}
}
@media(prefers-reduced-motion:reduce){
  .vcore-halloween-bats,.vcore-halloween-hero-fog,.vcore-seasonal-mist{animation:none!important}
}

/* ================================================================
   Halloween v3 — persistent inner-page atmosphere
   Keeps the cinematic Halloween identity visible after leaving Home.
   ================================================================ */
html[data-vcore-theme="halloween"] :is(.page-hero,.brand-assets-hero,.board-hero){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-bottom-color:rgba(255,42,74,.24)!important;
  background:
    radial-gradient(circle at 78% 30%,rgba(255,34,73,.15),transparent 20rem),
    radial-gradient(circle at 15% 5%,rgba(174,31,255,.12),transparent 22rem),
    linear-gradient(135deg,rgba(20,2,18,.94),rgba(7,1,9,.98))!important;
  box-shadow:inset 0 -52px 90px rgba(15,0,13,.35);
}
html[data-vcore-theme="halloween"] :is(.page-hero,.brand-assets-hero,.board-hero) > :not(.vcore-halloween-page-scene){position:relative;z-index:3}
html[data-vcore-theme="halloween"] :is(.page-hero,.brand-assets-hero,.board-hero)::before{
  content:"";position:absolute;inset:auto 0 0;height:16px;z-index:2;pointer-events:none;
  background:url('/assets/seasonal/halloween/blood-drip.svg') center bottom/auto 16px repeat-x;
  opacity:.38;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));
}
html[data-vcore-theme="halloween"] :is(.page-hero,.brand-assets-hero,.board-hero)::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,0,5,.76),rgba(12,1,12,.26) 48%,rgba(28,0,22,.20) 72%,rgba(7,0,7,.52)),
    radial-gradient(circle at 74% 46%,rgba(255,34,70,.07),transparent 25rem);
}
.vcore-halloween-page-scene{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.vcore-halloween-page-moon{position:absolute;right:9%;top:12%;width:clamp(72px,9vw,132px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 38%,#ff9bae 0 4%,#ff3a63 21%,#a21458 52%,rgba(96,9,75,.66) 68%,rgba(75,6,71,.03) 73%);box-shadow:0 0 32px rgba(255,39,83,.20),0 0 70px rgba(255,42,191,.10);opacity:.42}
.vcore-halloween-page-moon::after{content:"";position:absolute;inset:-24%;border-radius:50%;background:radial-gradient(circle,rgba(255,26,75,.1),transparent 68%);filter:blur(10px)}
.vcore-halloween-page-bats{position:absolute;right:2%;top:4%;width:min(29vw,390px);height:min(13vw,160px);background:url('/assets/seasonal/halloween/bats.svg') center/contain no-repeat;opacity:.55;filter:drop-shadow(0 0 8px rgba(255,36,80,.1));animation:vcore-page-bats 9s ease-in-out infinite alternate}
.vcore-halloween-page-fog{position:absolute;left:-8%;right:-8%;bottom:-38%;height:75%;background:radial-gradient(ellipse at 22% 66%,rgba(255,27,68,.10),transparent 30%),radial-gradient(ellipse at 70% 62%,rgba(211,31,255,.11),transparent 36%);filter:blur(24px);opacity:.72;animation:vcore-page-fog 13s ease-in-out infinite alternate}
@keyframes vcore-page-bats{from{transform:translate3d(-3px,1px,0)}to{transform:translate3d(8px,-5px,0)}}
@keyframes vcore-page-fog{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.04)}}

/* More of the Studio's inner-page component vocabulary now participates in Halloween. */
html[data-vcore-theme="halloween"] :is(.build-card,.asset-card-wide,.brand-asset-card,.board-hero-shot,.shot,.product-detail-hero,.product-rail,.inner-section,.notice){
  border-color:rgba(255,40,74,.18)!important;
}
html[data-vcore-theme="halloween"] :is(.build-card,.asset-card-wide,.brand-asset-card,.board-hero-shot,.shot){
  position:relative;
  background:linear-gradient(145deg,rgba(25,6,22,.93),rgba(8,3,11,.98))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.018)!important;
}
html[data-vcore-theme="halloween"] :is(.build-card,.asset-card-wide,.brand-asset-card,.shot)::after{
  content:"";position:absolute;right:0;top:0;width:52px;height:52px;pointer-events:none;
  background:url('/assets/seasonal/halloween/web-mini.svg') right top/52px 52px no-repeat;opacity:.12
}
html[data-vcore-theme="halloween"] :is(.build-card,.asset-card-wide,.brand-asset-card,.shot):hover{
  border-color:rgba(255,46,82,.34)!important;
  box-shadow:0 22px 60px rgba(54,0,40,.28),0 0 24px rgba(255,35,69,.045)!important;
}
html[data-vcore-theme="halloween"] :is(.page-hero,.brand-assets-hero,.board-hero) .eyebrow,
html[data-vcore-theme="halloween"] :is(.section-label,.cat,.label){color:#ff9ab8!important}
html[data-vcore-theme="halloween"] :is(.page-hero,.brand-assets-hero,.board-hero) h1{
  text-shadow:0 3px 18px rgba(0,0,0,.45),0 0 30px rgba(255,34,72,.05)
}
html[data-vcore-theme="halloween"] .ecosystem-path{border-bottom-color:rgba(255,37,72,.12)!important;background:linear-gradient(180deg,rgba(10,1,10,.72),rgba(7,0,8,.44))}
html[data-vcore-theme="halloween"] .path-current{color:#ffb0c5!important}

@media(max-width:820px){
  .vcore-halloween-page-bats{right:-38px;top:8%;width:290px;opacity:.4}
  .vcore-halloween-page-moon{right:1%;top:20%;opacity:.31}
  .vcore-halloween-page-fog{opacity:.55}
}
@media(max-width:620px){
  .vcore-halloween-page-bats{right:-72px;width:230px;opacity:.28}
  .vcore-halloween-page-moon{right:-4%;width:82px;opacity:.24}
  html[data-vcore-theme="halloween"] :is(.page-hero,.brand-assets-hero,.board-hero)::before{opacity:.28}
}
@media(prefers-reduced-motion:reduce){
  .vcore-halloween-page-bats,.vcore-halloween-page-fog{animation:none!important}
}


/* ================================================================
   VCORE Seasonal v45 — universal ecosystem pass
   Applies the approved seasonal language to Studio, Framework,
   Server and Framework Docs without changing underlying layouts.
   ================================================================ */

/* Shared inner-page continuity for Framework + Server. */
html[data-vcore-theme="halloween"] .site-header,
html[data-vcore-theme="halloween"] .docs-page .site-header{
  box-shadow:0 15px 42px rgba(42,0,34,.34),0 1px 0 rgba(255,42,76,.13)!important;
}
html[data-vcore-theme="halloween"] .site-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-10px;height:14px;z-index:2;pointer-events:none;
  background:url('/assets/seasonal/halloween/blood-drip.svg') center top/auto 14px repeat-x;opacity:.52;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));
}
html[data-vcore-theme="halloween"] .hero{isolation:isolate;overflow:hidden}
html[data-vcore-theme="halloween"] .hero > :not(.vcore-halloween-hero-scene){position:relative;z-index:3}
html[data-vcore-theme="halloween"] .hero::before{
  background:
    radial-gradient(circle at 78% 31%,rgba(255,35,77,.20),transparent 18rem),
    linear-gradient(90deg,rgba(5,0,7,.98) 0%,rgba(10,0,11,.88) 40%,rgba(39,0,29,.38) 70%,rgba(8,0,9,.75) 100%),
    linear-gradient(180deg,rgba(74,0,35,.08),rgba(35,0,28,.32) 61%,#070108 100%)!important;
}
html[data-vcore-theme="halloween"] .hero .vcore-halloween-hero-scene{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
html[data-vcore-theme="halloween"] .hero .vcore-halloween-moon{position:absolute;right:10%;top:15%;width:clamp(115px,13vw,220px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 38%,#ff9bae 0 4%,#ff3a63 21%,#9d1050 52%,rgba(92,7,69,.58) 68%,rgba(65,4,64,.02) 73%);box-shadow:0 0 45px rgba(255,39,83,.24),0 0 100px rgba(255,42,191,.12);opacity:.55}
html[data-vcore-theme="halloween"] .hero .vcore-halloween-bats{position:absolute;right:4%;top:10%;width:min(36vw,520px);height:min(18vw,230px);background:url('/assets/seasonal/halloween/bats.svg') center/contain no-repeat;opacity:.68;filter:drop-shadow(0 0 10px rgba(255,36,80,.12));animation:vcore-page-bats 9s ease-in-out infinite alternate}
html[data-vcore-theme="halloween"] .hero .vcore-halloween-pumpkins{position:absolute;bottom:-20px;width:min(25vw,360px);height:min(22vw,310px);background:url('/assets/seasonal/halloween/pumpkin-ledge.svg') center bottom/contain no-repeat;opacity:.55;filter:drop-shadow(0 20px 25px rgba(0,0,0,.42))}
html[data-vcore-theme="halloween"] .hero .vcore-halloween-pumpkins-left{left:-85px}
html[data-vcore-theme="halloween"] .hero .vcore-halloween-pumpkins-right{right:-90px;transform:scaleX(-1)}
html[data-vcore-theme="halloween"] .hero .vcore-halloween-hero-fog{position:absolute;left:-8%;right:-8%;bottom:-16%;height:40%;background:radial-gradient(ellipse at 20% 65%,rgba(255,30,70,.12),transparent 31%),radial-gradient(ellipse at 72% 55%,rgba(190,28,255,.12),transparent 38%);filter:blur(25px);opacity:.75;animation:vcore-page-fog 13s ease-in-out infinite alternate}

/* Shared page hero treatment used by Framework and Server inner pages. */
html[data-vcore-theme="halloween"] :is(.page-hero,.brand-assets-hero,.board-hero,.docs-banner){
  position:relative;isolation:isolate;overflow:hidden;
  border-bottom-color:rgba(255,42,74,.24)!important;
  background:radial-gradient(circle at 78% 30%,rgba(255,34,73,.15),transparent 20rem),radial-gradient(circle at 15% 5%,rgba(174,31,255,.12),transparent 22rem),linear-gradient(135deg,rgba(20,2,18,.94),rgba(7,1,9,.98))!important;
  box-shadow:inset 0 -52px 90px rgba(15,0,13,.35);
}
html[data-vcore-theme="halloween"] :is(.page-hero,.brand-assets-hero,.board-hero,.docs-banner) > :not(.vcore-halloween-page-scene){position:relative;z-index:3}
html[data-vcore-theme="halloween"] :is(.page-hero,.brand-assets-hero,.board-hero,.docs-banner)::before{
  content:"";position:absolute;inset:auto 0 0;height:16px;z-index:2;pointer-events:none;background:url('/assets/seasonal/halloween/blood-drip.svg') center bottom/auto 16px repeat-x;opacity:.38;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));
}
html[data-vcore-theme="halloween"] :is(.page-hero,.brand-assets-hero,.board-hero,.docs-banner)::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,0,5,.76),rgba(12,1,12,.26) 48%,rgba(28,0,22,.20) 72%,rgba(7,0,7,.52)),radial-gradient(circle at 74% 46%,rgba(255,34,70,.07),transparent 25rem);
}

/* Framework / Server content vocabulary. */
html[data-vcore-theme="halloween"] :is(.feature-card,.trust-card,.panel,.page-card,.status-card,.application-card,.community-link-card,.community-primary,.prose-page,.rule-card,.roadmap-column,.update-panel,.status-hero-card,.metric-card,.info-panel,.rules-special,.rules-toolbox,.news-card,.dashboard-card,.explore-card,.about-point,.docs-home-card,.docs-code,.docs-table-wrap,.docs-ref-list article,.docs-next-grid a,.docs-steps li,.resource-switch-card){
  border-color:rgba(255,43,77,.17)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.018)!important;
}
html[data-vcore-theme="halloween"] :is(.feature-card,.trust-card,.page-card,.status-card,.application-card,.rule-card,.metric-card,.info-panel,.docs-home-card,.docs-ref-list article,.docs-next-grid a,.resource-switch-card){
  background:linear-gradient(145deg,rgba(25,6,22,.92),rgba(8,3,11,.97))!important;
}
html[data-vcore-theme="halloween"] :is(.feature-card,.page-card,.status-card,.application-card,.rule-card,.docs-home-card,.resource-switch-card){position:relative;overflow:hidden}
html[data-vcore-theme="halloween"] :is(.feature-card,.page-card,.status-card,.application-card,.rule-card,.docs-home-card,.resource-switch-card)::after{
  content:"";position:absolute;right:0;top:0;width:58px;height:58px;pointer-events:none;background:url('/assets/seasonal/halloween/web-mini.svg') right top/58px 58px no-repeat;opacity:.11;
}
html[data-vcore-theme="halloween"] :is(.feature-card,.page-card,.status-card,.application-card,.rule-card,.docs-home-card,.resource-switch-card):hover{border-color:rgba(255,46,82,.32)!important;box-shadow:0 22px 60px rgba(54,0,40,.28),0 0 24px rgba(255,35,69,.045)!important}
html[data-vcore-theme="halloween"] :is(.section-label,.eyebrow,.docs-home-card>span,.docs-nav-group>span,.docs-toc>span){color:#ff9ab8!important}
html[data-vcore-theme="halloween"] :is(.inner-main,.section,.docs-page){position:relative}
html[data-vcore-theme="halloween"] .site-footer{position:relative;overflow:hidden;border-top-color:rgba(255,37,72,.18)!important;background:radial-gradient(circle at 15% 0%,rgba(255,27,66,.055),transparent 23rem),radial-gradient(circle at 86% 20%,rgba(170,31,255,.05),transparent 25rem),linear-gradient(180deg,rgba(10,1,10,.68),rgba(5,0,6,.98))!important}
html[data-vcore-theme="halloween"] .site-footer::before{content:"";position:absolute;left:-45px;bottom:-70px;width:280px;height:235px;background:url('/assets/seasonal/halloween/web-corner-v2.svg') left bottom/contain no-repeat;transform:rotate(90deg) scale(.72);opacity:.08;pointer-events:none}

/* Docs are a product surface too: carry Halloween into navigation, article chrome and code areas. */
html[data-vcore-theme="halloween"] .docs-page{background:radial-gradient(circle at 90% 18%,rgba(255,28,67,.055),transparent 28rem),radial-gradient(circle at 7% 62%,rgba(174,31,255,.05),transparent 30rem)!important}
html[data-vcore-theme="halloween"] .docs-top-nav-wrap{background:rgba(10,1,10,.88)!important;border-color:rgba(255,42,75,.13)!important}
html[data-vcore-theme="halloween"] .docs-top-link.active,
html[data-vcore-theme="halloween"] .docs-nav-group a.active{background:linear-gradient(135deg,rgba(255,37,74,.12),rgba(172,31,255,.10))!important;border-color:rgba(255,47,82,.19)!important;color:#fff!important}
html[data-vcore-theme="halloween"] .docs-code{background:#09020a!important;border-color:rgba(255,42,76,.15)!important}
html[data-vcore-theme="halloween"] .docs-code-head{background:linear-gradient(90deg,rgba(255,38,74,.05),rgba(166,31,255,.04))!important;border-bottom-color:rgba(255,42,76,.10)!important}
html[data-vcore-theme="halloween"] .docs-search-global input{border-color:rgba(255,42,76,.18)!important;background:rgba(15,3,14,.85)!important}
html[data-vcore-theme="halloween"] .docs-title-block{border-bottom-color:rgba(255,42,76,.13)!important}

/* ---------------- Christmas: universal inner-page pass ---------------- */
html[data-vcore-theme="christmas"] .site-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-8px;height:10px;z-index:2;pointer-events:none;background:url('/assets/seasonal/christmas/snow-edge.svg') center bottom/auto 10px repeat-x;opacity:.92;
}
html[data-vcore-theme="christmas"] :is(.page-hero,.brand-assets-hero,.board-hero,.docs-banner){
  position:relative;isolation:isolate;overflow:hidden;border-bottom-color:rgba(255,67,83,.20)!important;
  background:radial-gradient(circle at 78% 26%,rgba(255,38,59,.12),transparent 20rem),radial-gradient(circle at 15% 4%,rgba(54,202,94,.055),transparent 20rem),linear-gradient(135deg,rgba(20,7,9,.95),rgba(8,4,5,.98))!important;
}
html[data-vcore-theme="christmas"] :is(.page-hero,.brand-assets-hero,.board-hero,.docs-banner)::after{
  content:"";position:absolute;right:-18px;top:-18px;width:170px;height:135px;z-index:1;pointer-events:none;background:url('/assets/seasonal/christmas/holly-corner.svg') right top/contain no-repeat;opacity:.28;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25));
}
html[data-vcore-theme="christmas"] :is(.feature-card,.trust-card,.panel,.page-card,.status-card,.application-card,.community-link-card,.community-primary,.prose-page,.rule-card,.roadmap-column,.update-panel,.status-hero-card,.metric-card,.info-panel,.rules-special,.rules-toolbox,.news-card,.dashboard-card,.explore-card,.about-point,.docs-home-card,.docs-code,.docs-table-wrap,.docs-ref-list article,.docs-next-grid a,.docs-steps li,.resource-switch-card){
  border-color:rgba(255,66,84,.15)!important;box-shadow:0 18px 48px rgba(0,0,0,.29),inset 0 1px 0 rgba(255,255,255,.022)!important;
}
html[data-vcore-theme="christmas"] :is(.feature-card,.trust-card,.page-card,.status-card,.application-card,.rule-card,.metric-card,.info-panel,.docs-home-card,.docs-ref-list article,.docs-next-grid a,.resource-switch-card){background:linear-gradient(145deg,rgba(25,10,12,.93),rgba(9,5,6,.98))!important}
html[data-vcore-theme="christmas"] :is(.feature-card,.page-card,.status-card,.application-card,.rule-card,.docs-home-card,.resource-switch-card){position:relative;overflow:hidden}
html[data-vcore-theme="christmas"] :is(.feature-card,.page-card,.status-card,.application-card,.rule-card,.docs-home-card,.resource-switch-card)::after{
  content:"";position:absolute;right:4px;top:4px;width:46px;height:46px;pointer-events:none;background:url('/assets/seasonal/christmas/holly-mini.svg') right top/contain no-repeat;opacity:.16;
}
html[data-vcore-theme="christmas"] :is(.section-label,.eyebrow,.docs-home-card>span,.docs-nav-group>span,.docs-toc>span){color:#ff9aa7!important}
html[data-vcore-theme="christmas"] .site-footer{position:relative;overflow:hidden;border-top-color:rgba(255,63,81,.16)!important;background:radial-gradient(circle at 15% 0%,rgba(239,38,63,.05),transparent 23rem),radial-gradient(circle at 86% 20%,rgba(57,196,90,.035),transparent 25rem),linear-gradient(180deg,rgba(13,7,8,.75),rgba(7,4,5,.99))!important}
html[data-vcore-theme="christmas"] .docs-page{background:radial-gradient(circle at 88% 20%,rgba(239,39,60,.045),transparent 28rem),radial-gradient(circle at 8% 65%,rgba(53,193,88,.025),transparent 28rem)!important}
html[data-vcore-theme="christmas"] .docs-top-nav-wrap{background:rgba(13,7,8,.90)!important;border-color:rgba(255,63,81,.12)!important}
html[data-vcore-theme="christmas"] .docs-top-link.active,
html[data-vcore-theme="christmas"] .docs-nav-group a.active{background:linear-gradient(135deg,rgba(239,38,63,.10),rgba(49,193,83,.05))!important;border-color:rgba(255,67,84,.16)!important;color:#fff!important}
html[data-vcore-theme="christmas"] .docs-code{background:#0b0607!important;border-color:rgba(255,63,81,.13)!important}
html[data-vcore-theme="christmas"] .docs-code-head{background:linear-gradient(90deg,rgba(239,38,63,.04),rgba(49,193,83,.025))!important;border-bottom-color:rgba(255,63,81,.08)!important}
html[data-vcore-theme="christmas"] .docs-search-global input{border-color:rgba(255,67,84,.15)!important;background:rgba(17,8,10,.88)!important}
html[data-vcore-theme="christmas"] .docs-title-block{border-bottom-color:rgba(255,63,81,.11)!important}

@media(max-width:760px){
  html[data-vcore-theme="halloween"] .hero .vcore-halloween-pumpkins{display:none}
  html[data-vcore-theme="halloween"] .hero .vcore-halloween-bats{right:-70px;width:300px;opacity:.42}
  html[data-vcore-theme="halloween"] .hero .vcore-halloween-moon{right:-2%;top:24%;width:105px;opacity:.32}
  html[data-vcore-theme="christmas"] :is(.page-hero,.brand-assets-hero,.board-hero,.docs-banner)::after{width:110px;height:90px;opacity:.18}
}
@media(prefers-reduced-motion:reduce){
  html[data-vcore-theme="halloween"] .hero .vcore-halloween-bats,
  html[data-vcore-theme="halloween"] .hero .vcore-halloween-hero-fog{animation:none!important}
}


/* ================================================================
   VCORE Staff Area seasonal integration — v6
   Uses the exact VCORE seasonal state/assets from the approved v46
   website layer, with Staff-specific surface mappings only.
   ================================================================ */

html[data-vcore-theme="halloween"]{
  --base:#080107;--strong:#11020e;--card:#150817;--hover:#32102f;
}
html[data-vcore-theme="christmas"]{
  --base:#090606;--strong:#120809;--card:#170c0e;--hover:#321218;
}

html[data-vcore-theme="halloween"] :is(.sidebar,.topbar,.mobile-nav){
  border-color:rgba(255,40,67,.20)!important;
}
html[data-vcore-theme="halloween"] .sidebar{
  background:radial-gradient(circle at 40% 4%,rgba(210,41,255,.10),transparent 18rem),linear-gradient(180deg,#10020f,#080107)!important;
}
html[data-vcore-theme="halloween"] .topbar{
  background:rgba(12,1,11,.90)!important;box-shadow:0 10px 34px rgba(56,0,45,.18)
}
html[data-vcore-theme="halloween"] .mobile-nav{background:rgba(11,1,10,.96)!important}
html[data-vcore-theme="halloween"] :is(.card,.panel,.column,.task,.list-item,.message,.login-card,.denied-card,.role-config-card,.permission-row,.user-card,.modal-card,.invite-created){
  border-color:rgba(255,43,75,.18)!important;
  background:linear-gradient(145deg,rgba(25,7,23,.94),rgba(10,3,12,.98))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.018);
}
html[data-vcore-theme="halloween"] :is(.task,.list-item,.message,.quick,.role-config-card){position:relative;overflow:hidden}
html[data-vcore-theme="halloween"] :is(.task,.list-item,.message,.quick,.role-config-card)::after{
  content:"";position:absolute;right:0;top:0;width:48px;height:48px;pointer-events:none;
  background:url('/assets/seasonal/halloween/web-mini.svg') right top/48px 48px no-repeat;opacity:.10
}
html[data-vcore-theme="halloween"] .nav button:hover,
html[data-vcore-theme="halloween"] .nav button.active{background:linear-gradient(135deg,rgba(255,37,74,.12),rgba(172,31,255,.12))!important;border-color:rgba(255,45,78,.22)!important}
html[data-vcore-theme="halloween"] .nav button.active .dot{background:#ff304b!important;box-shadow:0 0 14px rgba(255,40,77,.72)!important}
html[data-vcore-theme="halloween"] .login-wrap,
html[data-vcore-theme="halloween"] .denied-wrap{
  background:radial-gradient(circle at 70% 18%,rgba(255,32,70,.12),transparent 28rem),radial-gradient(circle at 22% 72%,rgba(170,31,255,.08),transparent 30rem),var(--base)!important
}
html[data-vcore-theme="halloween"] .eyebrow{color:#ff9ab8!important}
html[data-vcore-theme="halloween"] .brand strong{color:#fff;text-shadow:0 0 18px rgba(255,42,191,.22)}
html[data-vcore-theme="halloween"] .notice{background:rgba(255,37,73,.055)!important;border-color:rgba(255,45,78,.14)!important}

html[data-vcore-theme="christmas"] :is(.sidebar,.topbar,.mobile-nav){
  border-color:rgba(255,61,79,.17)!important;
}
html[data-vcore-theme="christmas"] .sidebar{
  background:radial-gradient(circle at 40% 5%,rgba(49,193,83,.055),transparent 17rem),linear-gradient(180deg,#12090a,#080505)!important;
}
html[data-vcore-theme="christmas"] .topbar{
  background:rgba(13,7,8,.92)!important;box-shadow:0 10px 34px rgba(58,0,7,.16)
}
html[data-vcore-theme="christmas"] .topbar::after{
  content:"";position:absolute;left:0;right:0;bottom:-7px;height:9px;pointer-events:none;
  background:url('/assets/seasonal/christmas/snow-edge.svg') center bottom/auto 9px repeat-x;opacity:.78
}
html[data-vcore-theme="christmas"] .mobile-nav{background:rgba(13,7,8,.97)!important}
html[data-vcore-theme="christmas"] :is(.card,.panel,.column,.task,.list-item,.message,.login-card,.denied-card,.role-config-card,.permission-row,.user-card,.modal-card,.invite-created){
  border-color:rgba(255,63,81,.16)!important;
  background:linear-gradient(145deg,rgba(25,10,12,.94),rgba(10,6,7,.98))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.02);
}
html[data-vcore-theme="christmas"] :is(.task,.list-item,.message,.quick,.role-config-card){position:relative;overflow:hidden}
html[data-vcore-theme="christmas"] :is(.task,.list-item,.message,.quick,.role-config-card)::after{
  content:"";position:absolute;right:4px;top:4px;width:42px;height:42px;pointer-events:none;
  background:url('/assets/seasonal/christmas/holly-mini.svg') right top/contain no-repeat;opacity:.12
}
html[data-vcore-theme="christmas"] .nav button:hover,
html[data-vcore-theme="christmas"] .nav button.active{background:linear-gradient(135deg,rgba(239,38,63,.10),rgba(49,193,83,.055))!important;border-color:rgba(255,67,84,.18)!important}
html[data-vcore-theme="christmas"] .nav button.active .dot{background:#ff334c!important;box-shadow:0 0 14px rgba(255,50,75,.62)!important}
html[data-vcore-theme="christmas"] .login-wrap,
html[data-vcore-theme="christmas"] .denied-wrap{
  background:radial-gradient(circle at 70% 18%,rgba(239,39,60,.11),transparent 28rem),radial-gradient(circle at 18% 74%,rgba(50,193,84,.045),transparent 28rem),var(--base)!important
}
html[data-vcore-theme="christmas"] .eyebrow{color:#ff9aa7!important}
html[data-vcore-theme="christmas"] .brand strong{color:#fff;text-shadow:0 0 18px rgba(255,44,64,.20)}
html[data-vcore-theme="christmas"] .notice{background:rgba(239,38,63,.05)!important;border-color:rgba(255,63,81,.13)!important}

/* Keep critical Staff UI readable above decorative particles. */
.modal{z-index:70}
@media(max-width:760px){
  html[data-vcore-theme] .vcore-seasonal-overlay{opacity:.82}
}