/* ============================================================ THEMES — one palette per world A theme is a room pool in data/themes.json. This is the other half: what that pool LOOKS like. js/main.js applyTheme() puts the theme id on , and each block below repoints the three tokens that own the world: --bg the page behind the stage --wall every room's walls — the rect border, the round border, the hex clip-path fill, and the door surround --wall-dark the outer ring and the door-beckon glow Six declaration sites between them (css/base.css, css/room.css), which is why a whole world costs three lines here. WHAT IS DELIBERATELY NOT THEMED: --panel, --ink, --ink-dim, --gold. The HUD, the gear, the job board and every overlay keep one identity across every world. If the chrome changed too, nothing would anchor the player between a kitchen and a nebula — and gold would stop meaning "correct", which is the one colour the game teaches. Floors stay per-room (.floor-* in css/room.css) rather than per-theme: a theme is a set of rooms, and each room still gets its own ground. Loaded LAST in index.html so these win over :root without !important. ============================================================ */ /* ---------- DREAM ---------- Deep indigo rather than black: the rooms have to read as rooms, and pure black gives the walls nothing to sit against. The walls are a cold violet so a dream room's silhouette is the first thing that says "not a house". */ body[data-theme="dream"]{ --bg:#0d0a1c; --wall:#3a2f63; --wall-dark:#221a3d; } /* ---------- FRAT ---------- Still a house — the same brown family as :root, just dimmer and greener, the way a room reads when the blinds have been shut since Tuesday. The whole point of this one is that it is NOT exotic: the player should clock "somebody lives here badly" rather than "different world". */ body[data-theme="frat"]{ --bg:#141610; --wall:#4c4a30; --wall-dark:#2f2e1c; } /* ---------- SHIP ---------- Cold teal, lit from inside. Reads at a glance against both the house browns and the dream's violet, which is the only requirement a palette has here. */ body[data-theme="ship"]{ --bg:#061412; --wall:#1f5450; --wall-dark:#0c2b29; } /* ---------- TOWER ---------- Plum and candlelight. Deliberately warmer than the dream's indigo: they are the two purple worlds and they must not be mistaken for each other, so the dream stays cold and the tower has a fire in it somewhere. */ body[data-theme="tower"]{ --bg:#181022; --wall:#5b3f72; --wall-dark:#33203f; } /* ---------- ZOO ---------- Painted enclosure walls: municipal green, the colour every zoo on earth has agreed on. The only theme whose walls are brighter than its floors. */ body[data-theme="zoo"]{ --bg:#0d1a10; --wall:#417a3a; --wall-dark:#22401f; }