/* Alan Chat — 20 tema modu (CSS değişkenleri) */

body.theme-light,
:root {
  --bg-body: #e8edf2;
  --bg-white: #ffffff;
  --bg-light: #f5f7fa;
  --bg-chat: #efeae2;
  --text-dark: #1a1a2e;
  --text-mid: #4a4a6a;
  --text-light: #8e8ea0;
  --accent: #2979ff;
  --accent-hover: #1565c0;
  --accent-light: #e3f0ff;
  --badge-public: #2979ff;
  --border: #e0e4ea;
  --border-light: #eef1f5;
  --room-owner-badge-bg: #fff3e0;
  --room-owner-badge-fg: #e65100;
  --room-owner-badge-border: rgba(230, 81, 0, 0.14);
  --room-owner-badge-hover-bg: #ffe0b2;
  --room-owner-badge-hover-shadow: rgba(230, 81, 0, 0.15);
  --room-owner-badge-focus-outline: #e65100;
}

body.theme-ocean {
  --bg-body: #e4f4f8;
  --bg-white: #ffffff;
  --bg-light: #edf8fb;
  --bg-chat: #dceef4;
  --text-dark: #0d3d47;
  --text-mid: #2d6b78;
  --text-light: #5a8f9a;
  --accent: #00838f;
  --accent-hover: #006064;
  --accent-light: #d4f4f7;
  --badge-public: #00838f;
  --border: #c5e4ec;
  --border-light: #e0f2f6;
  --room-owner-badge-bg: #e0f7fa;
  --room-owner-badge-fg: #00695c;
  --room-owner-badge-border: rgba(0, 105, 92, 0.16);
  --room-owner-badge-hover-bg: #b2ebf2;
  --room-owner-badge-hover-shadow: rgba(0, 105, 92, 0.14);
  --room-owner-badge-focus-outline: #00897b;
}

body.theme-forest {
  --bg-body: #eef4ec;
  --bg-white: #ffffff;
  --bg-light: #f4f8f2;
  --bg-chat: #e6efe3;
  --text-dark: #1b3320;
  --text-mid: #3d5c42;
  --text-light: #6b8a70;
  --accent: #2e7d32;
  --accent-hover: #1b5e20;
  --accent-light: #e8f5e9;
  --badge-public: #2e7d32;
  --border: #d0e0d2;
  --border-light: #e8f0e9;
  --room-owner-badge-bg: #f1f8e9;
  --room-owner-badge-fg: #558b2f;
  --room-owner-badge-border: rgba(85, 139, 47, 0.16);
  --room-owner-badge-hover-bg: #dcedc8;
  --room-owner-badge-hover-shadow: rgba(85, 139, 47, 0.14);
  --room-owner-badge-focus-outline: #689f38;
}

body.theme-sunset {
  --bg-body: #fff0e8;
  --bg-white: #ffffff;
  --bg-light: #fff5ef;
  --bg-chat: #fde8dc;
  --text-dark: #4a2010;
  --text-mid: #7a4530;
  --text-light: #a87060;
  --accent: #e65100;
  --accent-hover: #bf360c;
  --accent-light: #ffe0b2;
  --badge-public: #e65100;
  --border: #f5d0c0;
  --border-light: #fce8dc;
  --room-owner-badge-bg: #fff3e0;
  --room-owner-badge-fg: #e65100;
  --room-owner-badge-border: rgba(230, 81, 0, 0.14);
  --room-owner-badge-hover-bg: #ffe0b2;
  --room-owner-badge-hover-shadow: rgba(230, 81, 0, 0.15);
  --room-owner-badge-focus-outline: #f57c00;
}

body.theme-lavender {
  --bg-body: #f3eef9;
  --bg-white: #ffffff;
  --bg-light: #f8f4fc;
  --bg-chat: #ebe4f5;
  --text-dark: #2e1a3d;
  --text-mid: #5c4070;
  --text-light: #8a7098;
  --accent: #7b1fa2;
  --accent-hover: #6a1b9a;
  --accent-light: #f3e5f5;
  --badge-public: #7b1fa2;
  --border: #ddd0ea;
  --border-light: #efe8f5;
  --room-owner-badge-bg: #f3e5f5;
  --room-owner-badge-fg: #8e24aa;
  --room-owner-badge-border: rgba(142, 36, 170, 0.16);
  --room-owner-badge-hover-bg: #e1bee7;
  --room-owner-badge-hover-shadow: rgba(142, 36, 170, 0.14);
  --room-owner-badge-focus-outline: #9c27b0;
}

body.theme-dark {
  --bg-body: #0f1419;
  --bg-white: #1a2332;
  --bg-light: #243044;
  --bg-chat: #1e2a3a;
  --text-dark: #e8edf2;
  --text-mid: #b0b8c4;
  --text-light: #7a8494;
  --accent: #2979ff;
  --accent-hover: #448aff;
  --accent-light: #1a3050;
  --badge-public: #2979ff;
  --border: #2d3a4d;
  --border-light: #243044;
  --room-owner-badge-bg: rgba(255, 183, 77, 0.14);
  --room-owner-badge-fg: #ffb74d;
  --room-owner-badge-border: rgba(255, 183, 77, 0.28);
  --room-owner-badge-hover-bg: rgba(255, 183, 77, 0.24);
  --room-owner-badge-hover-shadow: rgba(255, 183, 77, 0.2);
  --room-owner-badge-focus-outline: #ffcc80;
}

body.theme-midnight {
  --bg-body: #0a1628;
  --bg-white: #122038;
  --bg-light: #1a2d4a;
  --bg-chat: #0f1e32;
  --text-dark: #e3f2fd;
  --text-mid: #90caf9;
  --text-light: #5c8ab8;
  --accent: #4fc3f7;
  --accent-hover: #29b6f6;
  --accent-light: #0d2840;
  --badge-public: #4fc3f7;
  --border: #1e3a5f;
  --border-light: #152a45;
  --room-owner-badge-bg: rgba(79, 195, 247, 0.12);
  --room-owner-badge-fg: #81d4fa;
  --room-owner-badge-border: rgba(79, 195, 247, 0.28);
  --room-owner-badge-hover-bg: rgba(79, 195, 247, 0.2);
  --room-owner-badge-hover-shadow: rgba(79, 195, 247, 0.18);
  --room-owner-badge-focus-outline: #4fc3f7;
}

body.theme-ember {
  --bg-body: #1a1410;
  --bg-white: #261e18;
  --bg-light: #322820;
  --bg-chat: #201812;
  --text-dark: #fff3e0;
  --text-mid: #ffcc80;
  --text-light: #a1887f;
  --accent: #ff8f00;
  --accent-hover: #ff6f00;
  --accent-light: #3e2720;
  --badge-public: #ff8f00;
  --border: #4e342e;
  --border-light: #3e2c24;
  --room-owner-badge-bg: rgba(255, 143, 0, 0.14);
  --room-owner-badge-fg: #ffb74d;
  --room-owner-badge-border: rgba(255, 143, 0, 0.28);
  --room-owner-badge-hover-bg: rgba(255, 143, 0, 0.22);
  --room-owner-badge-hover-shadow: rgba(255, 143, 0, 0.18);
  --room-owner-badge-focus-outline: #ffa726;
}

body.theme-slate {
  --bg-body: #141820;
  --bg-white: #1c2230;
  --bg-light: #252d3d;
  --bg-chat: #181e28;
  --text-dark: #eceff1;
  --text-mid: #b0bec5;
  --text-light: #78909c;
  --accent: #90a4ae;
  --accent-hover: #b0bec5;
  --accent-light: #263238;
  --badge-public: #90a4ae;
  --border: #37474f;
  --border-light: #2a323c;
  --room-owner-badge-bg: rgba(144, 164, 174, 0.14);
  --room-owner-badge-fg: #cfd8dc;
  --room-owner-badge-border: rgba(144, 164, 174, 0.28);
  --room-owner-badge-hover-bg: rgba(144, 164, 174, 0.22);
  --room-owner-badge-hover-shadow: rgba(144, 164, 174, 0.16);
  --room-owner-badge-focus-outline: #b0bec5;
}

body.theme-aurora {
  --bg-body: #0d1520;
  --bg-white: #141f2e;
  --bg-light: #1a2838;
  --bg-chat: #101c28;
  --text-dark: #e8f5e9;
  --text-mid: #a5d6a7;
  --text-light: #66bb6a;
  --accent: #69f0ae;
  --accent-hover: #00e676;
  --accent-light: #1a2e28;
  --badge-public: #69f0ae;
  --border: #1e3d32;
  --border-light: #162830;
  --room-owner-badge-bg: rgba(105, 240, 174, 0.12);
  --room-owner-badge-fg: #69f0ae;
  --room-owner-badge-border: rgba(105, 240, 174, 0.28);
  --room-owner-badge-hover-bg: rgba(105, 240, 174, 0.2);
  --room-owner-badge-hover-shadow: rgba(105, 240, 174, 0.16);
  --room-owner-badge-focus-outline: #69f0ae;
}

body.theme-coral {
  --bg-body: #fff5f2;
  --bg-white: #ffffff;
  --bg-light: #fff8f6;
  --bg-chat: #ffe8e4;
  --text-dark: #3d1f24;
  --text-mid: #8a4550;
  --text-light: #b87882;
  --accent: #ff5c5c;
  --accent-hover: #e53935;
  --accent-light: #ffe0dc;
  --badge-public: #ff5c5c;
  --border: #f5c4bc;
  --border-light: #fce8e4;
  --room-owner-badge-bg: #ffe4e8;
  --room-owner-badge-fg: #e91e63;
  --room-owner-badge-border: rgba(233, 30, 99, 0.16);
  --room-owner-badge-hover-bg: #ffcdd8;
  --room-owner-badge-hover-shadow: rgba(233, 30, 99, 0.14);
  --room-owner-badge-focus-outline: #ff5c5c;
}

body.theme-sand {
  --bg-body: #f4e8d0;
  --bg-white: #faf4e8;
  --bg-light: #f8f0e0;
  --bg-chat: #ebe0c8;
  --text-dark: #4a3820;
  --text-mid: #7a6040;
  --text-light: #a89068;
  --accent: #b8860b;
  --accent-hover: #996f00;
  --accent-light: #f5e6c8;
  --badge-public: #b8860b;
  --border: #dcc8a8;
  --border-light: #ede4d0;
  --room-owner-badge-bg: #f5e6c8;
  --room-owner-badge-fg: #8b6914;
  --room-owner-badge-border: rgba(139, 105, 20, 0.18);
  --room-owner-badge-hover-bg: #e8d4a8;
  --room-owner-badge-hover-shadow: rgba(139, 105, 20, 0.14);
  --room-owner-badge-focus-outline: #b8860b;
}

body.theme-mint {
  --bg-body: #e6faf3;
  --bg-white: #ffffff;
  --bg-light: #f0fdf8;
  --bg-chat: #d4f5ea;
  --text-dark: #0a3d32;
  --text-mid: #2d7a68;
  --text-light: #5aab98;
  --accent: #00c9a7;
  --accent-hover: #00a88a;
  --accent-light: #c8f7ec;
  --badge-public: #00c9a7;
  --border: #b8ead8;
  --border-light: #dcf5ec;
  --room-owner-badge-bg: #c8f7ec;
  --room-owner-badge-fg: #00897b;
  --room-owner-badge-border: rgba(0, 137, 123, 0.16);
  --room-owner-badge-hover-bg: #a8edd8;
  --room-owner-badge-hover-shadow: rgba(0, 137, 123, 0.14);
  --room-owner-badge-focus-outline: #00c9a7;
}

body.theme-honey {
  --bg-body: #fff9e6;
  --bg-white: #ffffff;
  --bg-light: #fffdf5;
  --bg-chat: #fff0c8;
  --text-dark: #4a3800;
  --text-mid: #8a7020;
  --text-light: #b8a050;
  --accent: #f5a623;
  --accent-hover: #e09000;
  --accent-light: #fff0c8;
  --badge-public: #f5a623;
  --border: #f0dca0;
  --border-light: #f8ecd0;
  --room-owner-badge-bg: #fff0c8;
  --room-owner-badge-fg: #c68a00;
  --room-owner-badge-border: rgba(198, 138, 0, 0.18);
  --room-owner-badge-hover-bg: #ffe8a0;
  --room-owner-badge-hover-shadow: rgba(198, 138, 0, 0.14);
  --room-owner-badge-focus-outline: #f5a623;
}

body.theme-sakura {
  --bg-body: #fff0f3;
  --bg-white: #ffffff;
  --bg-light: #fff5f7;
  --bg-chat: #ffe0e8;
  --text-dark: #4a1a28;
  --text-mid: #8a4060;
  --text-light: #b87088;
  --accent: #ff4d8d;
  --accent-hover: #e91e7a;
  --accent-light: #ffd6e8;
  --badge-public: #ff4d8d;
  --border: #f5c0d0;
  --border-light: #fce0e8;
  --room-owner-badge-bg: #ffd6e8;
  --room-owner-badge-fg: #c2185b;
  --room-owner-badge-border: rgba(194, 24, 91, 0.16);
  --room-owner-badge-hover-bg: #ffc0d8;
  --room-owner-badge-hover-shadow: rgba(194, 24, 91, 0.14);
  --room-owner-badge-focus-outline: #ff4d8d;
}

body.theme-obsidian {
  --bg-body: #08080c;
  --bg-white: #12121a;
  --bg-light: #1a1a26;
  --bg-chat: #0e0e14;
  --text-dark: #f5e6f0;
  --text-mid: #c8a8c0;
  --text-light: #886878;
  --accent: #ff2d95;
  --accent-hover: #ff5cad;
  --accent-light: #2a1020;
  --badge-public: #ff2d95;
  --border: #2a2030;
  --border-light: #1e1824;
  --room-owner-badge-bg: rgba(255, 45, 149, 0.14);
  --room-owner-badge-fg: #ff6eb4;
  --room-owner-badge-border: rgba(255, 45, 149, 0.28);
  --room-owner-badge-hover-bg: rgba(255, 45, 149, 0.22);
  --room-owner-badge-hover-shadow: rgba(255, 45, 149, 0.18);
  --room-owner-badge-focus-outline: #ff2d95;
}

body.theme-wine {
  --bg-body: #1a0812;
  --bg-white: #241018;
  --bg-light: #2e1420;
  --bg-chat: #1e0c14;
  --text-dark: #fce4ec;
  --text-mid: #e8a0b8;
  --text-light: #a06078;
  --accent: #d32f5a;
  --accent-hover: #b71c4a;
  --accent-light: #3a1020;
  --badge-public: #d32f5a;
  --border: #4a2030;
  --border-light: #321820;
  --room-owner-badge-bg: rgba(211, 47, 90, 0.14);
  --room-owner-badge-fg: #f48fb1;
  --room-owner-badge-border: rgba(211, 47, 90, 0.28);
  --room-owner-badge-hover-bg: rgba(211, 47, 90, 0.22);
  --room-owner-badge-hover-shadow: rgba(211, 47, 90, 0.18);
  --room-owner-badge-focus-outline: #d32f5a;
}

body.theme-matrix {
  --bg-body: #0a0f0a;
  --bg-white: #101810;
  --bg-light: #162016;
  --bg-chat: #0c120c;
  --text-dark: #c8ffc8;
  --text-mid: #78d878;
  --text-light: #48a848;
  --accent: #39ff14;
  --accent-hover: #2ee00f;
  --accent-light: #142814;
  --badge-public: #39ff14;
  --border: #1e3a1e;
  --border-light: #142814;
  --room-owner-badge-bg: rgba(57, 255, 20, 0.1);
  --room-owner-badge-fg: #39ff14;
  --room-owner-badge-border: rgba(57, 255, 20, 0.28);
  --room-owner-badge-hover-bg: rgba(57, 255, 20, 0.18);
  --room-owner-badge-hover-shadow: rgba(57, 255, 20, 0.14);
  --room-owner-badge-focus-outline: #39ff14;
}

body.theme-nebula {
  --bg-body: #12081f;
  --bg-white: #1a1028;
  --bg-light: #221838;
  --bg-chat: #160c22;
  --text-dark: #ede7f6;
  --text-mid: #b39ddb;
  --text-light: #7e57c2;
  --accent: #b84dff;
  --accent-hover: #a020f0;
  --accent-light: #2a1840;
  --badge-public: #b84dff;
  --border: #3a2860;
  --border-light: #281840;
  --room-owner-badge-bg: rgba(184, 77, 255, 0.12);
  --room-owner-badge-fg: #ce93d8;
  --room-owner-badge-border: rgba(184, 77, 255, 0.28);
  --room-owner-badge-hover-bg: rgba(184, 77, 255, 0.2);
  --room-owner-badge-hover-shadow: rgba(184, 77, 255, 0.16);
  --room-owner-badge-focus-outline: #b84dff;
}

body.theme-copper {
  --bg-body: #1a120c;
  --bg-white: #241a12;
  --bg-light: #2e2218;
  --bg-chat: #1e1610;
  --text-dark: #fff3e6;
  --text-mid: #d4a878;
  --text-light: #a07850;
  --accent: #d4894a;
  --accent-hover: #c07030;
  --accent-light: #3a2818;
  --badge-public: #d4894a;
  --border: #4a3828;
  --border-light: #322418;
  --room-owner-badge-bg: rgba(212, 137, 74, 0.14);
  --room-owner-badge-fg: #ffb74d;
  --room-owner-badge-border: rgba(212, 137, 74, 0.28);
  --room-owner-badge-hover-bg: rgba(212, 137, 74, 0.22);
  --room-owner-badge-hover-shadow: rgba(212, 137, 74, 0.16);
  --room-owner-badge-focus-outline: #d4894a;
}