/* Site skin: how each of the six themes re-lights the shared design system (brand.css) on the hub and the Download Depot.
   A theme is a PLACE in the mall: the same pages and the same awnings, lit differently. The kit (themes/) supplies the colour tokens
   and the moving background effects; this file supplies each place's awning colours, lamp glow, scene lighting and a few signature touches.
   Mall After Dark (twilight, no data-theme) is the default and lives in brand.css. */

:root { --banner-img:url(/brand/iso/wall/wall-zigzag-pink.png); --scene-filter:none; --scene-dim:#0a0920; }
#profile, #fakenav { display:none; }

/* Haunted Atrium: candlelight on old stone */
html[data-theme="hollow"] { --awn-a:#ff7a18; --awn-b:#7b2fbf; --glow:#ff7a18; --scene-filter:sepia(.45) hue-rotate(-20deg) saturate(1.5) brightness(.8); --scene-dim:#0e0710; }
@keyframes candle { 0%,100% { box-shadow:0 22px 34px -22px #000,0 0 26px #ff7a1826; } 30% { box-shadow:0 22px 34px -22px #000,0 0 38px #ff7a1840; } 55% { box-shadow:0 22px 34px -22px #000,0 0 22px #ff7a1822; } 75% { box-shadow:0 22px 34px -22px #000,0 0 42px #ff7a1848; } }
html[data-theme="hollow"] .card { animation:candle 3.2s infinite; }
html[data-theme="hollow"] .wordmark, html[data-theme="hollow"] h1.page { text-shadow:0 0 18px #ff7a18aa; }

/* Server Closet: green phosphor, square corners, no softness */
html[data-theme="mainframe"] { --awn-a:#2cff6d; --awn-b:#0f4d24; --glow:#2cff6d; --r:0px; --scene-filter:grayscale(1) sepia(1) hue-rotate(78deg) saturate(2.6) brightness(.7) contrast(1.15); --scene-dim:#020a04; }
html[data-theme="mainframe"] .wordmark, html[data-theme="mainframe"] h1.page, html[data-theme="mainframe"] h2.section-title, html[data-theme="mainframe"] .card h3 { letter-spacing:0; text-transform:none; }
html[data-theme="mainframe"] .btn { border-style:solid; }
html[data-theme="mainframe"] .btn-primary { box-shadow:0 0 18px #2cff6d66; }

/* Parking Lot Sunset: dusk over the lot, magenta to orange */
html[data-theme="afterglow"] { --awn-a:#ff2d95; --awn-b:#ff9a3d; --glow:#3ff2ff; --scene-filter:sepia(.25) hue-rotate(-30deg) saturate(1.6) brightness(.95); --scene-dim:#280a4a; }
html[data-theme="afterglow"] .card { box-shadow:0 22px 34px -22px #000,0 0 22px #3ff2ff40; }

/* Rainy Day Mall: wet glass, pink and blue neon */
html[data-theme="petrichor"] { --font:'Barlow',system-ui,sans-serif; --font-head:'Barlow Condensed','Arial Narrow',sans-serif; --awn-a:#ff4fa3; --awn-b:#4ab8dc; --glow:#7fe3ff; --scene-filter:hue-rotate(185deg) saturate(.95) brightness(.78); --scene-dim:#070d1a; }
html[data-theme="petrichor"] .card { box-shadow:0 22px 34px -22px #000,0 0 30px #ff4fa31c; }

/* Arcade Carpet: the loud arcade, teal and pink, bold type */
html[data-theme="carpet"] { --awn-a:#19e3d1; --awn-b:#ff3fa4; --glow:#19e3d1; --r:2px; --scene-filter:hue-rotate(250deg) saturate(1.7) brightness(.9); --scene-dim:#120a2b; }
html[data-theme="carpet"] .wordmark, html[data-theme="carpet"] h1.page { letter-spacing:.01em; text-shadow:0 0 14px #19e3d1aa; }
html[data-theme="carpet"] .btn-primary { background:#ffd23f; border-color:#ffd23f; color:#1a1040; }
html[data-theme="carpet"] header.top { border-bottom:2px solid #19e3d1; }

/* wide display faces (Georgia, the terminal font, Arial Black) need a smaller front-page wordmark to stay clear of the scene */
html[data-theme="hollow"] .lobby .wordmark, html[data-theme="mainframe"] .lobby .wordmark { font-size:clamp(2rem,4.2vw,3.3rem); }
html[data-theme="carpet"] .lobby .wordmark { font-size:clamp(1.9rem,3.3vw,2.8rem); }