/* themes.css — Cloudless Sky
   One theme per act (10 total). Applied automatically by theme.setStage().
   Each palette is derived from the act's visual identity and backdrop colours.
   Default (no attribute) falls through to zone_01.                          */

/* ── ACT 1: THE THRESHOLD (floors 1–10) ─────────────────────
   The Forgotten Guard. Stone corridors, amber torchlight, dust and iron.
   Palette: near-black stone, warm amber glow, rust-brown borders.          */

[data-theme="zone_01"] {
  --bg-base:             #0e0b08;
  --bg-inset:            #161009;
  --bg-header:           #1e150d;
  --bg-panel:            #1a1208;
  --border:              #4a2e18;
  --text-primary:        #d4a870;
  --text-secondary:      #8a5c34;
  --accent:              #c8762a;
  --hp-player:           #c0392b;
  --hp-enemy-mid:        #dd4422;
  --hp-enemy-low:        #ff2200;
  --hp-track:            #2a1008;
  --mp-fill:             #3a6aaa;
  --mp-track:            #0a1428;
  --mp-border:           #1a3050;
  --btn-ghost-bg:        #1e150d;
  --btn-ghost-border:    #4a2e18;
  --color-danger:        #7a1010;
  --color-danger-border: #aa2020;
  --color-danger-text:   #ffddcc;
  --color-success:       #2a5018;
}


/* ── ACT 2: THE ASHFALL (floors 11–20) ──────────────────────
   The Ashen. Scorched stone, grey ash drifting, dying embers.
   Palette: charcoal grey, smouldering orange-amber, ash-white text.        */

[data-theme="zone_02"] {
  --bg-base:             #0c0a08;
  --bg-inset:            #181410;
  --bg-header:           #221c16;
  --bg-panel:            #1c1610;
  --border:              #5a3820;
  --text-primary:        #d8c4a8;
  --text-secondary:      #8a6a4a;
  --accent:              #cc6622;
  --hp-player:           #c0392b;
  --hp-enemy-mid:        #dd5522;
  --hp-enemy-low:        #ff3300;
  --hp-track:            #2a1408;
  --mp-fill:             #446688;
  --mp-track:            #0a1420;
  --mp-border:           #1a3048;
  --btn-ghost-bg:        #181410;
  --btn-ghost-border:    #5a3820;
  --color-danger:        #7a1808;
  --color-danger-border: #aa2810;
  --color-danger-text:   #ffd8c0;
  --color-success:       #2a4818;
}


/* ── ACT 3: THE DROWNED LIBRARY (floors 21–30) ──────────────
   The Drowned. Flooded halls, dark still water, cold blue candlelight.
   Palette: deep blue-black, cold teal, ink-blue text, pale reflections.    */

[data-theme="zone_03"] {
  --bg-base:             #060a0e;
  --bg-inset:            #0c1418;
  --bg-header:           #101e26;
  --bg-panel:            #0e1820;
  --border:              #1a3a50;
  --text-primary:        #90bcd0;
  --text-secondary:      #4a7a90;
  --accent:              #2a8aaa;
  --hp-player:           #c0392b;
  --hp-enemy-mid:        #2288aa;
  --hp-enemy-low:        #ff2244;
  --hp-track:            #0a1828;
  --mp-fill:             #2a6a8a;
  --mp-track:            #081420;
  --mp-border:           #143050;
  --btn-ghost-bg:        #0c1418;
  --btn-ghost-border:    #1a3a50;
  --color-danger:        #6a1020;
  --color-danger-border: #9a1830;
  --color-danger-text:   #ffd0dc;
  --color-success:       #1a4a38;
}


/* ── ACT 4: THE LIVING ROOT (floors 31–40) ──────────────────
   The Rooted. Consumed stone, massive thorned roots, bioluminescent amber.
   Palette: deep forest green, amber bioluminescence, earth-brown borders.  */

[data-theme="zone_04"] {
  --bg-base:             #060c06;
  --bg-inset:            #0c1a0a;
  --bg-header:           #122210;
  --bg-panel:            #0e1e0c;
  --border:              #2a5018;
  --text-primary:        #a0d080;
  --text-secondary:      #508040;
  --accent:              #60aa20;
  --hp-player:           #c0392b;
  --hp-enemy-mid:        #55aa22;
  --hp-enemy-low:        #ff4400;
  --hp-track:            #0a1e08;
  --mp-fill:             #3a7a50;
  --mp-track:            #081a10;
  --mp-border:           #143828;
  --btn-ghost-bg:        #0c1a0a;
  --btn-ghost-border:    #2a5018;
  --color-danger:        #6a1808;
  --color-danger-border: #9a2810;
  --color-danger-text:   #ffd8c0;
  --color-success:       #1a5a10;
}


/* ── ACT 5: THE MIRROR HALLS (floors 41–50) ─────────────────
   The Reflected. Silver mirrors, pale white light, perfect wrong symmetry.
   Palette: cool silver-white, near-white greys, icy silver-blue accent.    */

[data-theme="zone_05"] {
  --bg-base:             #0a0c0e;
  --bg-inset:            #141618;
  --bg-header:           #1c2024;
  --bg-panel:            #181c20;
  --border:              #3a4a58;
  --text-primary:        #c8d8e8;
  --text-secondary:      #7a8a9a;
  --accent:              #88aace;
  --hp-player:           #c0392b;
  --hp-enemy-mid:        #6688bb;
  --hp-enemy-low:        #ff2244;
  --hp-track:            #141820;
  --mp-fill:             #4a6a88;
  --mp-track:            #0c1420;
  --mp-border:           #1e3050;
  --btn-ghost-bg:        #141618;
  --btn-ghost-border:    #3a4a58;
  --color-danger:        #6a1020;
  --color-danger-border: #9a1830;
  --color-danger-text:   #ffd8e8;
  --color-success:       #1a3a50;
}


/* ── ACT 6: THE STORM GALLERY (floors 51–60) ────────────────
   The Charged. Open sky, lightning arcing between ruins, raging storm.
   Palette: electric blue-black, lightning yellow-white, storm-grey borders. */

[data-theme="zone_06"] {
  --bg-base:             #06080e;
  --bg-inset:            #0c1020;
  --bg-header:           #101828;
  --bg-panel:            #0e1424;
  --border:              #1e3870;
  --text-primary:        #90c0f0;
  --text-secondary:      #4a70a8;
  --accent:              #4488ee;
  --hp-player:           #c0392b;
  --hp-enemy-mid:        #2266ee;
  --hp-enemy-low:        #ff2244;
  --hp-track:            #0a1028;
  --mp-fill:             #cc9900;
  --mp-track:            #1a1200;
  --mp-border:           #3a2800;
  --btn-ghost-bg:        #0c1020;
  --btn-ghost-border:    #1e3870;
  --color-danger:        #881020;
  --color-danger-border: #cc1830;
  --color-danger-text:   #ffd0dc;
  --color-success:       #1a4a28;
}


/* ── ACT 7: THE SOUL VAULT (floors 61–70) ───────────────────
   The Chained. Massive chains, spectral purple void, ghost-light luminescence.
   Palette: deep void-purple, spectral violet, chain-grey borders.          */

[data-theme="zone_07"] {
  --bg-base:             #060408;
  --bg-inset:            #0e0a14;
  --bg-header:           #160e20;
  --bg-panel:            #120c1c;
  --border:              #2e1254;
  --text-primary:        #c8a8f0;
  --text-secondary:      #7a50a8;
  --accent:              #9944ee;
  --hp-player:           #c0392b;
  --hp-enemy-mid:        #8844dd;
  --hp-enemy-low:        #ff2244;
  --hp-track:            #0e0418;
  --mp-fill:             #4422aa;
  --mp-track:            #08041a;
  --mp-border:           #1a0e38;
  --btn-ghost-bg:        #0e0a14;
  --btn-ghost-border:    #2e1254;
  --color-danger:        #881122;
  --color-danger-border: #cc1133;
  --color-danger-text:   #ffccee;
  --color-success:       #1a4028;
}


/* ── ACT 8: THE FRACTURE (floors 71–80) ─────────────────────
   The Split. Stone floor cracked open, void below, reality tearing apart.
   Palette: fractured purple-brown — warm decay one side, cold void the other. */

[data-theme="zone_08"] {
  --bg-base:             #080608;
  --bg-inset:            #120e14;
  --bg-header:           #1c1620;
  --bg-panel:            #181220;
  --border:              #3a2450;
  --text-primary:        #c0a8d8;
  --text-secondary:      #706090;
  --accent:              #8855cc;
  --hp-player:           #c0392b;
  --hp-enemy-mid:        #7744cc;
  --hp-enemy-low:        #ff2255;
  --hp-track:            #100818;
  --mp-fill:             #cc7722;
  --mp-track:            #1a0e04;
  --mp-border:           #3a2008;
  --btn-ghost-bg:        #120e14;
  --btn-ghost-border:    #3a2450;
  --color-danger:        #881030;
  --color-danger-border: #cc1840;
  --color-danger-text:   #ffd0e0;
  --color-success:       #1a4030;
}


/* ── ACT 9: THE WHITE (floors 81–90) ────────────────────────
   The Erased. Featureless white stone, no shadows, no depth, divine wrong.
   Palette: near-white everything, barely-there borders, cold grey accent.  */

[data-theme="zone_09"] {
  --bg-base:             #0e0e10;
  --bg-inset:            #181820;
  --bg-header:           #202028;
  --bg-panel:            #1c1c24;
  --border:              #404050;
  --text-primary:        #d8d8e8;
  --text-secondary:      #909098;
  --accent:              #b0b0d0;
  --hp-player:           #c0392b;
  --hp-enemy-mid:        #9090b8;
  --hp-enemy-low:        #ff2244;
  --hp-track:            #181820;
  --mp-fill:             #707088;
  --mp-track:            #101018;
  --mp-border:           #282838;
  --btn-ghost-bg:        #181820;
  --btn-ghost-border:    #404050;
  --color-danger:        #882030;
  --color-danger-border: #cc3040;
  --color-danger-text:   #ffd8e0;
  --color-success:       #304040;
}


/* ── ACT 10: THE SUMMIT (floors 91–100) ─────────────────────
   The First's Children. Open summit, cloudless sky, divine gold, ancient power.
   Palette: deep gold-black, ancient gilded amber, celestial warmth.       */

[data-theme="zone_10"] {
  --bg-base:             #0c0800;
  --bg-inset:            #1a1200;
  --bg-header:           #261c00;
  --bg-panel:            #201600;
  --border:              #6a4a00;
  --text-primary:        #f0d060;
  --text-secondary:      #aa8820;
  --accent:              #e8a800;
  --hp-player:           #c0392b;
  --hp-enemy-mid:        #e09000;
  --hp-enemy-low:        #ff2200;
  --hp-track:            #2a1600;
  --mp-fill:             #4488cc;
  --mp-track:            #0a1828;
  --mp-border:           #1a3050;
  --btn-ghost-bg:        #1a1200;
  --btn-ghost-border:    #6a4a00;
  --color-danger:        #881100;
  --color-danger-border: #cc2200;
  --color-danger-text:   #ffddcc;
  --color-success:       #446600;
}