/* Ensure box-sizing is consistent */
/*---- HAPPY DEMON -- */
.demon-red-box { background-color: #D7263D; /* primary demon red */ }
.magma-orange-box { background-color: #FF5700; /* fiery magma orange */ }
.infernal-yellow-box { background-color: #FFCE00; /* hellfire yellow */ }
.poison-lime-box { background-color: #C6FF00; /* toxic green pop */ }
.abyss-black-box { background-color: #0A0A0A; /* deep black */ }
.smokey-ash-box { background-color: #555555; /* smoky ash gray */ }
.haunted-purple-box { background-color: #8E24AA; /* dark haunted purple */ }
.electric-pink-box { background-color: #FF1493; /* shocking demon pink */ }
.blood-orange-box { background-color: #FF4500; /* blood orange */ }
.demon-gold-box { background-color: #FFD700; /* rich demon gold */ }
.scorched-earth-box { background-color: #5C4033; /* scorched earth brown */ }

/* Consolidated panel styles (colors and basic layout) */
/* all rose colors */
.light-rose-box { background-color: #F6C1C7; /* light rose */ }
.deep-rose-box { background-color: #C04080; /* deep rose */ }
.dusty-rose-box { background-color: #E199A7; /* dusty rose */ }
.soft-rose-box { background-color: #F7CAC9; /* soft rose */ }
.vintage-rose-box { background-color: #B76E79; /* vintage rose */ }
.muted-rose-box { background-color: #D8A39D; /* muted rose */ }
.bright-rose-box { background-color: #FF007F; /* bright rose */ }
.pale-rose-box { background-color: #FFE4E1; /* pale rose */ }
.rich-rose-box { background-color: #C72C48; /* rich rose */ }
.dark-rose-box { background-color: #8B475D; /* dark rose */ }
.warm-rose-box { background-color: #F9AFAE; /* warm rose */ }
.cool-rose-box { background-color: #D28DB4; /* cool rose */ }
.earthy-rose-box { background-color: #A26769; /* earthy rose */ }
.sunset-rose-box { background-color: #FF6F91; /* sunset rose */ }
/* all hell colors */
.hellfire-box { background-color: #FF4500; /* hellfire orange-red */ }
.inferno-box { background-color: #FF2400; /* deep inferno red */ }
.lava-box { background-color: #CF1020; /* molten lava red */ }
.blood-red-box { background-color: #8A0303; /* dark blood red */ }
.ember-box { background-color: #FF7518; /* glowing ember orange */ }
.soot-box { background-color: #555555; /* smoky soot gray */ }
.charcoal-box { background-color: #333333; /* burnt charcoal */ }
.ash-box { background-color: #B2BEB5; /* ash gray */ }
.smoke-box { background-color: #708090; /* smoky gray */ }
.burnt-orange-box { background-color: #CC5500; /* burnt orange */ }
.dark-flame-box { background-color: #990000; /* dark flame red */ }
/* more Hell colours */
.molten-gold-box { background-color: #FFD700; /* molten gold */ }
.demon-purple-box { background-color: #6B0D9C; /* dark demon purple */ }
.abyss-black-box { background-color: #0A0A0A; /* deepest black */ }
.sulfur-yellow-box { background-color: #E4D00A; /* sulfur yellow */ }
.burning-sky-box { background-color: #FF6347; /* burning sky red */ }
.black-smoke-box { background-color: #2F2F2F; /* black smoke */ }
.searing-flame-box { background-color: #FF3300; /* searing bright flame */ }
.magma-box { background-color: #FF4E00; /* molten magma orange */ }
.furnace-box { background-color: #B22222; /* furnace red */ }
.crimson-ember-box { background-color: #DC143C; /* crimson ember */ }
.poison-green-box { background-color: #66FF00; /* eerie poison green */ }
.ashen-gray-box { background-color: #A9A9A9; /* faded ash gray */ }
.scorched-earth-box { background-color: #8B4513; /* scorched earth brown */ }


.white-box { background-color: white; }
.orange-box { background-color: orange; }
.blue-box { background-color: blue; }
.green-box { background-color: green; }
.yellow-box { background-color: yellow; }
.red-box { background-color: red; }
.purple-box { background-color: purple; }
.pink-box { background-color: pink; }
.cyan-box { background-color: cyan; }
.magenta-box { background-color: magenta; }
.teal-box { background-color: teal; }
.lime-box { background-color: lime; }
.gold-box { background-color: gold; }
.silver-box { background-color: silver; }
.brown-box { background-color: brown; }
.maroon-box { background-color: maroon; color: white; }
.navy-box { background-color: navy; }
.gray-box { background-color: gray; }
.olive-box { background-color: olive; }
.sky-blue-box { background-color: skyblue; }
.indigo-box { background-color: indigo; }
.violet-box { background-color: violet; }
.turquoise-box { background-color: turquoise; }
.beige-box { background-color: beige; }
.tan-box { background-color: tan; }
.salmon-box { background-color: salmon; }
.coral-box { background-color: coral; }
.khaki-box { background-color: khaki; }
.orchid-box { background-color: orchid; }
.aquamarine-box { background-color: aquamarine; }
.chartreuse-box { background-color: chartreuse; }
.lavender-box { background-color: lavender; }
.plum-box { background-color: plum; }
.wheat-box { background-color: wheat; }
.crimson-box { background-color: crimson; }
.dark-red-box { background-color: darkred; }
.firebrick-box { background-color: firebrick; }
.indian-red-box { background-color: indianred; }
.light-coral-box { background-color: lightcoral; }
.dark-salmon-box { background-color: darksalmon; }
.light-salmon-box { background-color: lightsalmon; }
.dark-orange-box { background-color: darkorange; }
.light-pink-box { background-color: lightpink; }
.hot-pink-box { background-color: hotpink; }
.deep-pink-box { background-color: deeppink; }
.medium-violet-red-box { background-color: mediumvioletred; }
.pale-violet-red-box { background-color: palevioletred; }
.thistle-box { background-color: thistle; }
.medium-orchid-box { background-color: mediumorchid; }
.dark-orchid-box { background-color: darkorchid; }
.dark-violet-box { background-color: darkviolet; }
.blue-violet-box { background-color: blueviolet; }
.medium-purple-box { background-color: mediumpurple; }
.dark-slate-blue-box { background-color: darkslateblue; }
.slate-blue-box { background-color: slateblue; }
.medium-slate-blue-box { background-color: mediumslateblue; }
.green-yellow-box { background-color: greenyellow; }
.chartreuse-box { background-color: chartreuse; }
.lawn-green-box { background-color: lawngreen; }
.lime-box { background-color: lime; }
.lime-green-box { background-color: limegreen; }
.pale-green-box { background-color: palegreen; }
.light-green-box { background-color: lightgreen; }
.medium-spring-green-box { background-color: mediumspringgreen; }
.spring-green-box { background-color: springgreen; }
.medium-aquamarine-box { background-color: mediumaquamarine; }
.aquamarine-box { background-color: aquamarine; }
.cyan-box { background-color: cyan; }
.light-cyan-box { background-color: lightcyan; }
.dark-turquoise-box { background-color: darkturquoise; }
.medium-turquoise-box { background-color: mediumturquoise; }
.pale-turquoise-box { background-color: paleturquoise; }
.aqua-box { background-color: aqua; }
.dark-cyan-box { background-color: darkcyan; }
.dark-slate-gray-box { background-color: darkslategray; }
.medium-slate-gray-box { background-color: mediumslategray; }
.slate-gray-box { background-color: slategray; }
.light-slate-gray-box { background-color: lightslategray; }
.gray-box { background-color: gray; }