/* LA CHICA DE AYER — identidad derivada del logo compartido */
:root{--bg:#100b0a;--panel:rgba(29,18,20,.94);--line:rgba(253,188,83,.3);--pink:#f73316;--cyan:#f9b744;--text:#fff3d9;--muted:#cbb4aa;color-scheme:dark}
body{background:radial-gradient(ellipse at 78% 9%,rgba(169,31,17,.33),transparent 38%),radial-gradient(ellipse at 5% 38%,rgba(117,50,12,.26),transparent 43%),#100b0a;color:var(--text)}
.gridfloor{background-image:linear-gradient(#ff8a3730 1px,transparent 1px),linear-gradient(90deg,#ff8a3730 1px,transparent 1px)}
.laser-lines{background:linear-gradient(106deg,transparent 49.8%,rgba(255,190,77,.09) 50%,transparent 50.2%);background-size:260px 100%}
.brand-logo{width:69px;height:69px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 14px #f35b4277);flex:none}
.brand strong{font-size:clamp(13px,1.5vw,21px);color:#fff1c9;letter-spacing:1px}.brand small,.eyebrow{color:#ffc866}
.brand{gap:14px}.top nav a:hover{color:#ffcc6b}.brand strong:hover{text-shadow:0 0 18px #ffa94a}
.neon-hero{min-height:330px;border-bottom-color:#c655333b}.neon-hero .hero-copy{max-width:66%}
.neon-hero h1{font-size:clamp(37px,5.3vw,70px);max-width:690px;color:#fff2c9;text-shadow:0 3px 1px #8a3018,0 8px 22px #e42a1266}
.hero em,h1 em{color:#ffbc3c;text-shadow:0 3px 0 #8e2213,0 0 26px #e54e19}
.hero-logo{position:absolute;right:7%;top:9%;width:min(29vw,255px);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 0 24px #fe7b3466);animation:logo-halo 5s ease-in-out infinite alternate}
.neon-hero .orbit{border-color:#fec85e45;right:6%;top:5%;width:270px;height:270px}.neon-hero .orbit-b{border-color:#ed412c35;right:4%;top:0;width:310px;height:310px}
.hero-cross,.track-id,.track-count,.open-track,.table-bottom span:first-child,.repertoire-table th{color:#ffd27d}
.live-led{background:#ffbb36;box-shadow:0 0 11px #ff7f35}
.btn.primary{background:linear-gradient(115deg,#e82813,#f5691d 58%,#efb348);box-shadow:0 5px 25px #e52c1866;color:#fff8e8}
.btn.primary:hover{box-shadow:0 0 30px #fa7e3b99}
.btn.outline{border-color:#ffbd6c88;background:#271413;color:#ffcc87}
.chip,.keybadge,.tone-pill{color:#ffd482;border-color:#f5aa5377;background:#c74a1e16}
.repertoire-shell{background:linear-gradient(130deg,#211517e8,#130f17f0);border-color:#df875b47;box-shadow:0 0 50px #cb3d1919}
.repertoire-shell:before{background:linear-gradient(90deg,transparent,#ffd078,transparent);box-shadow:0 0 20px #ffae4c}
.repertoire-table th{background:#211311d9;border-color:#f8a65a25}
.repertoire-table td{border-bottom-color:#f8b56c1d}
.repertoire-table .songrow:hover,.repertoire-table .songrow:focus-within{background:linear-gradient(90deg,#f73f2425,#edb45216);box-shadow:inset 3px 0 #ffc45d,inset 0 0 25px #c35b2014}
.track-title{color:#fff3da}.track-title:hover{color:#ffd37e}.track-artist{color:#c6afa6}
.track-count span,.vote-pending,.table-bottom{color:#bfa99b}
.panel,.stem{border-color:#dd996138;background:rgba(27,17,23,.91)}
.stem{background:#27191c}.stemicon{border-color:#d74d3b77;color:#ffc76c}
input,select,textarea{background:#160f13;border-color:#9a6a5a77}input:focus,textarea:focus,select:focus{border-color:#fbc66c;box-shadow:0 0 10px #f7a14555}
label,.status,.dl{color:#ffc96d}a{color:#ffd187}.notice{background:#51261c;border-color:#d88858;color:#ffe2b3}
footer span{color:#ec563b}
/* standalone/iframe mixer controls inherit this palette */
.mixer .eyebrow,.mixer .topline strong,.mixer .back{color:#ffcc78}.mixer .prime{background:linear-gradient(110deg,#e43a1a,#e8a543)!important}
@keyframes logo-halo{to{filter:drop-shadow(0 0 39px #ffb74b9c);transform:scale(1.035)}}
@media(max-width:700px){.brand-logo{width:52px;height:52px}.neon-hero .hero-copy{max-width:100%}.hero-logo{opacity:.22;width:210px;right:-30px;top:15%}.neon-hero .orbit{opacity:.2}.neon-hero h1{position:relative;z-index:2}}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none}}