/* dark theme for ragamuffin.html, derived from voluntopia.css */
html.neon{--theme:#7db2f5;--theme-soft:#12233d;}
html.neon header{background:rgba(14,16,31,0.9);}
html.neon .mc-play:not([disabled]):hover{box-shadow:0 7px 10px -3px rgba(0,0,0,0.33),
0 2px 4px rgba(0,0,0,0.21),
inset 0 1px 2px rgba(125,140,255,0.405),
inset 0 -2px 3px rgba(0,0,0,0.12);}
html.neon .mc-play:not([disabled]):active{box-shadow:inset 0 3px 5px rgba(0,0,0,0.45),
inset 0 1px 2px rgba(0,0,0,0.3),
inset 0 -1px 2px rgba(125,140,255,0.27);}
html.neon .music-eq-burst i:nth-child(5n/**/+1){background:#ffd166;}
html.neon .music-eq-burst i:nth-child(5n/**/+2){background:#300e1a;}
html.neon .music-eq-burst i:nth-child(5n/**/+3){background:#8fe0cf;}
html.neon .music-eq-burst i:nth-child(5n/**/+4){background:#9ec2f0;}
html.neon .music-eq-burst i:nth-child(5n/**/+5){background:#c9a6f0;}
html.neon .nav-dropdown:hover .nav-drop-label{color:#ebb570;}
html.neon .nav-drop-menu{box-shadow:0 24px 44px -14px rgba(0,0,0,0.42),0 6px 14px -6px rgba(0,0,0,0.24);}
html.neon .nav-drop-menu a:nth-child(1):hover{color:#ebb570;}
html.neon .nav-drop-menu a:nth-child(2):hover{color:#b0b6e1;}
html.neon .nav-drop-menu a:nth-child(3):hover{color:#70a6eb;}
html.neon .back-link:hover{color:#7db2f5;}
html.neon .cs-cover{background:linear-gradient(160deg,#12233d,#0a0c17);}
html.neon .rail-dot:hover{background:rgba(28,34,74,0.05);}
html.neon .stat-card{background:#12233d;}
html.neon .stat-num{color:#7db2f5;}
html.neon .link-pill:hover{color:#ffffff;}
html.neon .expand-hint{background:rgba(28,34,74,0.55);color:#ffffff;}
html.neon .lightbox{background:rgba(28,34,74,0.94);}
html.neon .lightbox img{box-shadow:0 30px 70px rgba(0,0,0,0.75);}
html.neon .lightbox-close{background:rgba(17,19,37,0.12);color:#ffffff;}
html.neon .lightbox-close:hover{background:rgba(17,19,37,0.25);}
html.neon .cs-contact{background:linear-gradient(160deg,#0a1424,#12233d);color:#7db2f5;}
html.neon .cs-contact::before{background:#111325;}
html.neon .cs-contact h2{color:#7db2f5;}
html.neon .cs-contact p{color:#7db2f5;}
html.neon .btn{box-shadow:0 10px 18px -8px rgba(0,0,0,0.45),
0 3px 8px rgba(0,0,0,0.24),
inset 0 1.5px 2px rgba(125,140,255,0.099),
inset 0 -3px 5px rgba(0,0,0,0.27);}
html.neon .btn-white{background:linear-gradient(180deg,#5a8fd6,#2c64b0);color:#ffffff;box-shadow:0 16px 26px -6px rgba(0,0,0,0.675),
0 6px 12px rgba(0,0,0,0.48),
inset 0 3px 5px rgba(125,140,255,0.081),
inset 0 -6px 9px rgba(0,0,0,0.42);}
html.neon .btn-white:hover{background:linear-gradient(180deg,#7fa8e6,#3c80d0);color:#ffffff;box-shadow:0 22px 34px -6px rgba(0,0,0,0.75),
0 8px 16px rgba(0,0,0,0.525),
inset 0 3px 5px rgba(125,140,255,0.113),
inset 0 -6px 9px rgba(0,0,0,0.33);}
html.neon .btn-white:active{box-shadow:0 6px 12px -4px rgba(0,0,0,0.75),
inset 0 4px 7px rgba(0,0,0,0.525),
inset 0 -2px 4px rgba(125,140,255,0.068);}
html.neon .btn-outline-white{border-color:rgba(125,140,255,0.22);color:#ffffff;}
html.neon .btn-outline-white:hover{background:#111325;}
html.neon .btn-outline-white:active{background:#090b14;}
html.neon .more-case{box-shadow:0 5px 10px -6px rgba(0,0,0,0.21),
0 2px 4px rgba(0,0,0,0.09),
inset 0 1px 1.5px rgba(125,140,255,0.248),
inset 0 -1px 2px rgba(0,0,0,0.075);}
html.neon .more-case[href*="graphicdesign"]:hover{background:#2b2814;color:#ebdc70;}
html.neon .more-case[href*="graphicdesign"]:focus-visible{background:#2b2814;color:#ebdc70;}
html.neon .more-case[href*="floracracy"]:hover{background:#14172c;color:#ced2ec;}
html.neon .more-case[href*="floracracy"]:focus-visible{background:#14172c;color:#ced2ec;}
html.neon .more-case[href*="bonvoyage"]:hover{background:#14070c;color:#eb7099;}
html.neon .more-case[href*="bonvoyage"]:focus-visible{background:#14070c;color:#eb7099;}
html.neon .more-case[href*="voluntopia"]:hover{background:#132e25;color:#70ebd1;}
html.neon .more-case[href*="voluntopia"]:focus-visible{background:#132e25;color:#70ebd1;}
html.neon .more-case[href*="firstcover"]:hover{background:#21122e;color:#a670eb;}
html.neon .more-case[href*="firstcover"]:focus-visible{background:#21122e;color:#a670eb;}
html.neon .more-case[href*="photography"]:hover{background:#080e16;color:#70a4eb;}
html.neon .more-case[href*="photography"]:focus-visible{background:#080e16;color:#70a4eb;}
html.neon .more-case[href*="3dmotion"]:hover{background:#302710;color:#ebaf70;}
html.neon .more-case[href*="3dmotion"]:focus-visible{background:#302710;color:#ebaf70;}
html.neon .more-case[href*="petpal"]:hover{background:#15182e;color:#d2d6ee;}
html.neon .more-case[href*="petpal"]:focus-visible{background:#15182e;color:#d2d6ee;}
/* playful night palette, vivid tube colours with only a light glow */
html.neon:has(link[href$="ragamuffin.css"]){--pc:#b9a8ff;}
html.neon #overview{--pc:#4da3ff;}
html.neon #problem{--pc:#ff5fa2;}
html.neon #goal{--pc:#ffd23f;}
html.neon #concept{--pc:#3ddc97;}
html.neon #final-design{--pc:#9b7bff;}
html.neon #takeaway{--pc:#ff8a5c;}
html.neon .cs-hero .cs-kicker{--pc:#ffd23f;}
html.neon .cs-hero .cs-title{
-webkit-text-stroke-color:var(--pc);
filter:drop-shadow(0 0 1px color-mix(in srgb,var(--pc) 45%,transparent)) drop-shadow(0 0 5px color-mix(in srgb,var(--pc) 16%,transparent));
}
html.neon .cs-title .c-blue{--tc:#4da3ff;}
html.neon .cs-title .c-pink{--tc:#ff5fa2;}
html.neon .cs-title .c-mark{--tc:#ffd23f;}
html.neon .cs-title .c-blue,html.neon .cs-title .c-pink,html.neon .cs-title .c-mark{
display:inline-block;background:none;padding:0;margin:0;color:transparent;
-webkit-text-stroke-color:var(--tc);
filter:drop-shadow(0 0 1px color-mix(in srgb,var(--tc) 45%,transparent)) drop-shadow(0 0 5px color-mix(in srgb,var(--tc) 18%,transparent));
}
/* section titles use the shared neon tube lettering from neon.css, same as the other case studies */
html.neon .meta-row>div:nth-child(1) .meta-label{color:#4da3ff;text-shadow:0 0 4px rgba(77,163,255,.25);}
html.neon .meta-row>div:nth-child(2) .meta-label{color:#ff5fa2;text-shadow:0 0 4px rgba(255,95,162,.25);}
html.neon .meta-row>div:nth-child(3) .meta-label{color:#ffd23f;text-shadow:0 0 4px rgba(255,210,63,.25);}
html.neon .meta-row>div:nth-child(4) .meta-label{color:#3ddc97;text-shadow:0 0 4px rgba(61,220,151,.25);}
html.neon .cs-section-label{text-shadow:0 0 4px color-mix(in srgb,var(--pc) 22%,transparent);}
html.neon .cs-section-label::before{box-shadow:0 0 3px color-mix(in srgb,var(--sc) 45%,transparent);}
html.neon .cs-section .cs-block-label{color:color-mix(in srgb,var(--pc) 70%,#fff);text-shadow:none;}
html.neon .cs-section .figure{border-color:color-mix(in srgb,var(--pc) 60%,transparent);box-shadow:5px 5px 0 color-mix(in srgb,var(--pc) 22%,#0b0d19),0 0 12px -6px color-mix(in srgb,var(--pc) 25%,transparent);}
html.neon .cs-section .figure:hover{box-shadow:7px 7px 0 color-mix(in srgb,var(--pc) 30%,#0b0d19),0 0 16px -6px color-mix(in srgb,var(--pc) 30%,transparent);}
/* confetti shapes become neon tubes */
html.neon .cf{opacity:1;filter:drop-shadow(0 0 2px var(--nc)) drop-shadow(0 0 8px color-mix(in srgb,var(--nc) 50%,transparent));}
html.neon .cf circle,html.neon .cf rect,html.neon .cf polygon{fill:color-mix(in srgb,var(--nc) 7%,transparent);stroke:var(--nc);stroke-width:2.6;}
html.neon .cf3 circle{fill:none;stroke-width:2.6;}
html.neon .cs-card{background:color-mix(in srgb,var(--pc) 9%,#0b0d19);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pc) 45%,transparent);}
html.neon .cs-card h3{color:var(--pc);}
html.neon .cs-card p{color:#d3d6ec;}
/* Wireframe block: confetti and dashed arrow in neon */
html.neon .wf-deco .cf.ring circle{fill:none;stroke:var(--nc);stroke-width:2.6;}
html.neon .wf-deco .wd-arrow{stroke:var(--pc,#3ddc97);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--pc,#3ddc97) 60%,transparent));opacity:1;}