/* ==========================================================================
   MP Horde V4 — 21 Themes (Hermes WebUI Palette)
   Full background, surface, border, text, dan accent berubah.
   ========================================================================== */

/* Smooth transitions untuk semua perubahan */
.theme-transitioning,
body.theme-slate, body.theme-ares, body.theme-mono,
body.theme-graphite, body.theme-codex, body.theme-terracotta,
body.theme-github, body.theme-poseidon, body.theme-sisyphus,
body.theme-charizard, body.theme-sienna, body.theme-catppuccin,
body.theme-hepburn, body.theme-nous, body.theme-neon,
body.theme-neon-soft, body.theme-neon-paint, body.theme-geist,
body.theme-zeus, body.theme-verdigris, body.theme-gold {
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

/* ── Default: Slate (blue-gray) ── */
body.theme-slate, body:not([class*="theme-"]) {
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --bg-tertiary: #334155;
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --accent: #475569;
  --accent-hover: #334155;
  --accent-glow: rgba(71,85,105,0.15);
  --border: #334155;
  --card-bg: #1e293b;
  --success: #22c55e;
  --warning: #eab308;
  --danger: #ef4444;
}

/* ── Ares (crimson red) ── */
body.theme-ares {
  --bg-primary: #1a0a0a;
  --bg-secondary: #2A1212;
  --bg-tertiary: #3d1a1a;
  --text-primary: #F1E6CF;
  --text-secondary: #c4a882;
  --text-muted: #756054;
  --accent: #C0392B;
  --accent-hover: #A93226;
  --accent-glow: rgba(192,57,43,0.2);
  --border: #4a2222;
  --card-bg: #2A1212;
  --success: #7BC96F;
  --warning: #C7A96B;
  --danger: #DD4A3A;
}

/* ── Mono (grayscale) ── */
body.theme-mono {
  --bg-primary: #0e0e0e;
  --bg-secondary: #1F1F1F;
  --bg-tertiary: #333333;
  --text-primary: #e6edf3;
  --text-secondary: #aaaaaa;
  --text-muted: #666666;
  --accent: #888888;
  --accent-hover: #666666;
  --accent-glow: rgba(136,136,136,0.15);
  --border: #333333;
  --card-bg: #1F1F1F;
  --success: #888888;
  --warning: #999999;
  --danger: #cccccc;
}

/* ── Graphite (neutral workbench) ── */
body.theme-graphite {
  --bg-primary: #151614;
  --bg-secondary: #242624;
  --bg-tertiary: #292B28;
  --text-primary: #ECEBE4;
  --text-secondary: #D7D6CE;
  --text-muted: #A7A79D;
  --accent: #FFFFFF;
  --accent-hover: #E2E2E2;
  --accent-glow: rgba(255,255,255,0.1);
  --border: #343631;
  --card-bg: #1B1C1A;
  --success: #4caf50;
  --warning: #ffa726;
  --danger: #ef5350;
}

/* ── Codex (OpenAI terminal IDE) ── */
body.theme-codex {
  --bg-primary: #151614;
  --bg-secondary: #242624;
  --bg-tertiary: #292B28;
  --text-primary: #ECEBE4;
  --text-secondary: #D7D6CE;
  --text-muted: #A7A79D;
  --accent: #10A37F;
  --accent-hover: #0D8C6D;
  --accent-glow: rgba(16,163,127,0.15);
  --border: #343631;
  --card-bg: #1B1C1A;
  --success: #4caf50;
  --warning: #ffa726;
  --danger: #ef5350;
}

/* ── Terracotta (warm IDE) ── */
body.theme-terracotta {
  --bg-primary: #141413;
  --bg-secondary: #1E1D1A;
  --bg-tertiary: #2A2925;
  --text-primary: #EDEAE0;
  --text-secondary: #D8D4C8;
  --text-muted: #B0AEA5;
  --accent: #D97757;
  --accent-hover: #BF6545;
  --accent-glow: rgba(217,119,87,0.15);
  --border: #34332E;
  --card-bg: #191917;
  --success: #4caf50;
  --warning: #ffa726;
  --danger: #ef5350;
}

/* ── GitHub (Graphite + GitHub blue) ── */
body.theme-github {
  --bg-primary: #151614;
  --bg-secondary: #242624;
  --bg-tertiary: #292B28;
  --text-primary: #ECEBE4;
  --text-secondary: #D7D6CE;
  --text-muted: #A7A79D;
  --accent: #58A6FF;
  --accent-hover: #79C0FF;
  --accent-glow: rgba(88,166,255,0.15);
  --border: #343631;
  --card-bg: #1B1C1A;
  --success: #3FB950;
  --warning: #D29922;
  --danger: #F85149;
}

/* ── Poseidon (ocean blue) ── */
body.theme-poseidon {
  --bg-primary: #0a1628;
  --bg-secondary: #0F2440;
  --bg-tertiary: #1a3455;
  --text-primary: #EAF7FF;
  --text-secondary: #8bb8d6;
  --text-muted: #52708A;
  --accent: #0EA5E9;
  --accent-hover: #0284C7;
  --accent-glow: rgba(14,165,233,0.2);
  --border: #1a3a5a;
  --card-bg: #0F2440;
  --success: #6ED7B0;
  --warning: #5DB8F5;
  --danger: #D94F4F;
}

/* ── Sisyphus (purple) ── */
body.theme-sisyphus {
  --bg-primary: #0e0a1a;
  --bg-secondary: #1a1230;
  --bg-tertiary: #2a1e4a;
  --text-primary: #e8e0f0;
  --text-secondary: #b8a8d8;
  --text-muted: #7a6a9a;
  --accent: #7C3AED;
  --accent-hover: #6D28D9;
  --accent-glow: rgba(124,58,237,0.2);
  --border: #2a2050;
  --card-bg: #1a1230;
  --success: #8B5CF6;
  --warning: #A78BFA;
  --danger: #c084fc;
}

/* ── Charizard (orange) ── */
body.theme-charizard {
  --bg-primary: #140a06;
  --bg-secondary: #221108;
  --bg-tertiary: #3a1e0e;
  --text-primary: #fff4e6;
  --text-secondary: #e6b88a;
  --text-muted: #9a6a4a;
  --accent: #EA580C;
  --accent-hover: #C2410C;
  --accent-glow: rgba(234,88,12,0.2);
  --border: #3a2a1a;
  --card-bg: #221108;
  --success: #FB923C;
  --warning: #F97316;
  --danger: #C2410C;
}

/* ── Sienna (warm clay & sand) ── */
body.theme-sienna {
  --bg-primary: #1F1E1C;
  --bg-secondary: #262522;
  --bg-tertiary: #2C2B28;
  --text-primary: #EDEBE3;
  --text-secondary: #C9C6BC;
  --text-muted: #A3A197;
  --accent: #E0896D;
  --accent-hover: #D97757;
  --accent-glow: rgba(224,137,109,0.15);
  --border: #3A3935;
  --card-bg: #2C2B28;
  --success: #63D0A6;
  --warning: #e6a855;
  --danger: #F7A072;
}

/* ── Catppuccin (Mocha) ── */
body.theme-catppuccin {
  --bg-primary: #1E1E2E;
  --bg-secondary: #181825;
  --bg-tertiary: #313244;
  --text-primary: #CDD6F4;
  --text-secondary: #BAC2DE;
  --text-muted: #A6ADC8;
  --accent: #CBA6F7;
  --accent-hover: #B4BEFE;
  --accent-glow: rgba(203,166,247,0.15);
  --border: #45475A;
  --card-bg: #313244;
  --success: #A6E3A1;
  --warning: #F9E2AF;
  --danger: #F38BA8;
}

/* ── Hepburn (pink rose) ── */
body.theme-hepburn {
  --bg-primary: #110a0f;
  --bg-secondary: #1e0f19;
  --bg-tertiary: #241420;
  --text-primary: #f2e4ee;
  --text-secondary: #e5c4d8;
  --text-muted: #c8a4b8;
  --accent: #f278ad;
  --accent-hover: #f5a0c5;
  --accent-glow: rgba(242,120,173,0.15);
  --border: #311a28;
  --card-bg: #241420;
  --success: #63D0A6;
  --warning: #e6a855;
  --danger: #F7A072;
}

/* ── Nous (steel blue) ── */
body.theme-nous {
  --bg-primary: #0A0E14;
  --bg-secondary: #0F1419;
  --bg-tertiary: #1E2A3A;
  --text-primary: #C8D6E5;
  --text-secondary: #8FA8C0;
  --text-muted: #5A6A7A;
  --accent: #4682B4;
  --accent-hover: #5A9BD4;
  --accent-glow: rgba(70,130,180,0.15);
  --border: #1E2A3A;
  --card-bg: #111820;
  --success: #63D0A6;
  --warning: #e6a855;
  --danger: #F7A072;
}

/* ── Neon (vivid purple) ── */
body.theme-neon {
  --bg-primary: #08060d;
  --bg-secondary: #06040a;
  --bg-tertiary: #1c1633;
  --text-primary: #d8d6f0;
  --text-secondary: #b8a8d8;
  --text-muted: #6a6588;
  --accent: #b347ff;
  --accent-hover: #9333EA;
  --accent-glow: rgba(179,71,255,0.2);
  --border: #1c1633;
  --card-bg: #0f0d1a;
  --success: #63D0A6;
  --warning: #e6a855;
  --danger: #F7A072;
}

/* ── Neon Soft (soft purple) ── */
body.theme-neon-soft {
  --bg-primary: #181428;
  --bg-secondary: #141024;
  --bg-tertiary: #2a2448;
  --text-primary: #e8e6f8;
  --text-secondary: #c8b8e8;
  --text-muted: #8a85aa;
  --accent: #b347ff;
  --accent-hover: #9333EA;
  --accent-glow: rgba(179,71,255,0.15);
  --border: #2a2448;
  --card-bg: #1c1732;
  --success: #63D0A6;
  --warning: #e6a855;
  --danger: #F7A072;
}

/* ── Neon Paint (cyberpunk pink/cyan) ── */
body.theme-neon-paint {
  --bg-primary: #0D0A16;
  --bg-secondary: #0A0712;
  --bg-tertiary: #2a1f40;
  --text-primary: #f0e8ff;
  --text-secondary: #d0b8f0;
  --text-muted: #9a8ab8;
  --accent: #FF2D95;
  --accent-hover: #FF5CB0;
  --accent-glow: rgba(255,45,149,0.2);
  --border: #2a1f40;
  --card-bg: #12101e;
  --success: #00E5FF;
  --warning: #FFB800;
  --danger: #FF2D95;
}

/* ── Geist Contrast (dark precision) ── */
body.theme-geist {
  --bg-primary: #000000;
  --bg-secondary: #050505;
  --bg-tertiary: #171717;
  --text-primary: #ededed;
  --text-secondary: #a1a1aa;
  --text-muted: #52525b;
  --accent: #FFF175;
  --accent-hover: #e6d96a;
  --accent-glow: rgba(255,241,117,0.12);
  --border: #262626;
  --card-bg: #0a0a0a;
  --success: #63D0A6;
  --warning: #e6a855;
  --danger: #F7A072;
}

/* ── Zeus (dark gold) ── */
body.theme-zeus {
  --bg-primary: #0F0F0F;
  --bg-secondary: #111111;
  --bg-tertiary: #181818;
  --text-primary: #e8e0c8;
  --text-secondary: #b8a878;
  --text-muted: #6a6a4a;
  --accent: #FFD700;
  --accent-hover: #DAA520;
  --accent-glow: rgba(255,215,0,0.15);
  --border: #2A2A1E;
  --card-bg: #181818;
  --success: #FFD700;
  --warning: #DAA520;
  --danger: #B8860B;
}

/* ── Verdigris (teal patina) ── */
body.theme-verdigris {
  --bg-primary: #0F1714;
  --bg-secondary: #121D18;
  --bg-tertiary: #1a2a22;
  --text-primary: #F3ECDD;
  --text-secondary: #C8BCA8;
  --text-muted: #A8B4A5;
  --accent: #C89A5A;
  --accent-hover: #D4AA6A;
  --accent-glow: rgba(200,154,90,0.15);
  --border: #22342C;
  --card-bg: #16211C;
  --success: #63D0A6;
  --warning: #e6a855;
  --danger: #F7A072;
}

/* ── Gold (Hermes classic) ── */
body.theme-gold {
  --bg-primary: #0f0a02;
  --bg-secondary: #1a1a2e;
  --bg-tertiary: #2a2a3e;
  --text-primary: #FFF8DC;
  --text-secondary: #DAA520;
  --text-muted: #8A7A4A;
  --accent: #FFBF00;
  --accent-hover: #CD7F32;
  --accent-glow: rgba(255,191,0,0.2);
  --border: #2a2a3e;
  --card-bg: #1a1a2e;
  --success: #8FBC8F;
  --warning: #FFD700;
  --danger: #FF6B6B;
}