:root,
:root[data-theme="k3-night"] {
  color-scheme: dark;
  --font-ui: "Poppins", "IBM Plex Sans", "Segoe UI", sans-serif;
  --bg-base: #050713;
  --bg-alt: #0a1834;
  --bg-soft: #101f47;
  --bg-radial-a: rgba(17, 216, 226, 0.18);
  --bg-radial-b: rgba(91, 149, 246, 0.24);
  --text: #edf2ff;
  --muted: #9db0d8;
  --card: rgba(7, 12, 30, 0.9);
  --card-soft: rgba(8, 16, 38, 0.96);
  --card-border: rgba(91, 149, 246, 0.34);
  --card-shadow: 0 18px 46px rgba(0, 0, 0, 0.34);
  --line-accent: rgba(17, 216, 226, 0.42);
  --pill-bg: rgba(91, 149, 246, 0.14);
  --pill-border: rgba(91, 149, 246, 0.34);
  --pill-text: #c6e4ff;
  --input-bg: rgba(7, 13, 30, 0.92);
  --input-border: rgba(101, 147, 219, 0.4);
  --input-text: #eff6ff;
  --input-placeholder: rgba(157, 176, 216, 0.86);
  --focus: rgba(91, 149, 246, 0.8);
  --focus-shadow: rgba(91, 149, 246, 0.22);
  --btn-bg-a: #f1e5d1;
  --btn-bg-b: #e1d1b5;
  --btn-border: #bca988;
  --btn-text: #102649;
  --btn-hover-shadow: rgba(7, 23, 46, 0.26);
  --ghost-bg: rgba(91, 149, 246, 0.14);
  --ghost-text: #d5e5ff;
  --ghost-border: rgba(91, 149, 246, 0.34);
  --pre-bg: rgba(4, 10, 26, 0.92);
  --pre-border: rgba(97, 143, 216, 0.32);
  --pre-text: #d3e6ff;
  --success-text: #93f4d1;
  --success-bg: rgba(15, 96, 70, 0.32);
  --success-border: rgba(101, 225, 179, 0.44);
  --warn-text: #ffe59e;
  --warn-bg: rgba(114, 88, 26, 0.35);
  --warn-border: rgba(240, 199, 92, 0.42);
  --danger-text: #ffb3c1;
  --danger-bg: rgba(130, 40, 58, 0.34);
  --danger-border: rgba(252, 124, 145, 0.5);
  --tab-strip-line: rgba(86, 132, 210, 0.62);
  --tab-border: rgba(62, 115, 194, 0.72);
  --tab-text: #dfe9ff;
  --tab-bg: linear-gradient(180deg, rgba(9, 30, 71, 0.95), rgba(7, 21, 52, 0.96));
  --tab-inset: rgba(159, 193, 255, 0.36);
  --tab-hover-outline: rgba(90, 144, 236, 0.35);
  --tab-active-bg: linear-gradient(180deg, #617ca8, #4f688f);
  --tab-active-border: rgba(178, 207, 244, 0.92);
  --tab-active-text: #f2f7ff;
  --tab-active-inset: rgba(238, 246, 255, 0.65);
  --tab-active-under: #4f688f;
  --auth-bg-a: #050713;
  --auth-bg-b: #0b1a3a;
  --auth-bg-c: #11245a;
  --auth-card-bg: rgba(7, 15, 36, 0.9);
  --auth-card-border: rgba(97, 145, 218, 0.38);
  --auth-kicker: #9dd8ff;
  --auth-glow-a: #11d8e2;
  --auth-glow-b: #4e90ff;
}

:root[data-theme="k3-atlas"] {
  color-scheme: dark;
  --bg-base: #041015;
  --bg-alt: #0a2233;
  --bg-soft: #0e3042;
  --bg-radial-a: rgba(18, 201, 148, 0.2);
  --bg-radial-b: rgba(31, 149, 222, 0.24);
  --text: #ecfbff;
  --muted: #9fceda;
  --card: rgba(5, 24, 35, 0.9);
  --card-soft: rgba(8, 30, 44, 0.95);
  --card-border: rgba(71, 173, 214, 0.34);
  --line-accent: rgba(18, 201, 148, 0.48);
  --pill-bg: rgba(18, 201, 148, 0.16);
  --pill-border: rgba(57, 198, 167, 0.36);
  --pill-text: #b9fff0;
  --input-bg: rgba(4, 21, 31, 0.94);
  --input-border: rgba(73, 173, 212, 0.42);
  --focus: rgba(57, 198, 167, 0.88);
  --focus-shadow: rgba(18, 201, 148, 0.24);
  --btn-bg-a: #efe3cf;
  --btn-bg-b: #ddcbae;
  --btn-border: #baa684;
  --btn-text: #122c56;
  --btn-hover-shadow: rgba(7, 28, 45, 0.24);
  --ghost-bg: rgba(49, 169, 201, 0.16);
  --ghost-text: #d0f3fb;
  --ghost-border: rgba(73, 173, 212, 0.36);
  --pre-bg: rgba(3, 16, 24, 0.92);
  --pre-border: rgba(73, 173, 212, 0.28);
  --pre-text: #d9f8ff;
  --success-text: #95ffd6;
  --success-bg: rgba(13, 118, 87, 0.34);
  --success-border: rgba(88, 235, 187, 0.44);
  --warn-text: #ffe5a2;
  --warn-bg: rgba(116, 87, 25, 0.36);
  --warn-border: rgba(234, 187, 84, 0.42);
  --danger-text: #ffbecc;
  --danger-bg: rgba(123, 42, 53, 0.34);
  --danger-border: rgba(243, 116, 134, 0.48);
  --tab-strip-line: rgba(62, 167, 190, 0.64);
  --tab-border: rgba(54, 151, 184, 0.74);
  --tab-text: #dcf6ff;
  --tab-bg: linear-gradient(180deg, rgba(7, 43, 57, 0.94), rgba(7, 31, 44, 0.96));
  --tab-inset: rgba(158, 233, 248, 0.34);
  --tab-hover-outline: rgba(85, 198, 214, 0.36);
  --tab-active-bg: linear-gradient(180deg, #4b8ca4, #3f7386);
  --tab-active-border: rgba(184, 236, 245, 0.92);
  --tab-active-text: #f1feff;
  --tab-active-inset: rgba(239, 255, 255, 0.65);
  --tab-active-under: #3f7386;
  --auth-bg-a: #041015;
  --auth-bg-b: #0a2333;
  --auth-bg-c: #0c3946;
  --auth-card-bg: rgba(6, 28, 39, 0.9);
  --auth-card-border: rgba(73, 173, 212, 0.38);
  --auth-kicker: #9cefd5;
  --auth-glow-a: #12c994;
  --auth-glow-b: #1f95de;
}

:root[data-theme="k3-light"] {
  color-scheme: light;
  --bg-base: #f6faff;
  --bg-alt: #ffffff;
  --bg-soft: #edf5fc;
  --bg-radial-a: rgba(64, 144, 210, 0.12);
  --bg-radial-b: rgba(113, 184, 229, 0.11);
  --page-bg-overlay: linear-gradient(135deg, #fbfdff 0%, #f2f8fe 48%, #e8f2fb 100%);
  --text: #17314f;
  --muted: #526a82;
  --card: rgba(255, 255, 255, 0.96);
  --card-soft: rgba(247, 251, 255, 0.98);
  --card-border: rgba(160, 190, 219, 0.58);
  --card-shadow: 0 12px 28px rgba(67, 112, 151, 0.11);
  --line-accent: #3d83bd;
  --pill-bg: #eef7ff;
  --pill-border: rgba(137, 180, 219, 0.58);
  --pill-text: #235b91;
  --input-bg: #ffffff;
  --input-border: rgba(145, 177, 207, 0.72);
  --input-text: #17314f;
  --input-placeholder: rgba(82, 106, 130, 0.78);
  --focus: #3276b1;
  --focus-shadow: rgba(50, 118, 177, 0.18);
  --btn-bg-a: #ffffff;
  --btn-bg-b: #edf6ff;
  --btn-border: #a9c4dd;
  --btn-text: #17314f;
  --btn-hover-shadow: rgba(49, 101, 148, 0.16);
  --ghost-bg: #eef7ff;
  --ghost-text: #235b91;
  --ghost-border: rgba(137, 180, 219, 0.58);
  --pre-bg: #f2f8ff;
  --pre-border: rgba(145, 177, 207, 0.58);
  --pre-text: #1f466d;
  --success-text: #246a50;
  --success-bg: rgba(72, 168, 124, 0.14);
  --success-border: rgba(72, 168, 124, 0.34);
  --warn-text: #765c1e;
  --warn-bg: rgba(238, 181, 64, 0.18);
  --warn-border: rgba(198, 145, 36, 0.34);
  --danger-text: #8b2e42;
  --danger-bg: rgba(215, 79, 105, 0.13);
  --danger-border: rgba(190, 79, 101, 0.32);
  --tab-strip-line: rgba(128, 168, 204, 0.62);
  --tab-border: rgba(143, 177, 209, 0.7);
  --tab-text: #275d91;
  --tab-bg: linear-gradient(180deg, #ffffff, #eef6ff);
  --tab-inset: rgba(255, 255, 255, 0.9);
  --tab-hover-outline: rgba(61, 131, 189, 0.26);
  --tab-active-bg: linear-gradient(180deg, #3d83bd, #2f6fa8);
  --tab-active-border: rgba(211, 232, 250, 0.94);
  --tab-active-text: #ffffff;
  --tab-active-inset: rgba(255, 255, 255, 0.4);
  --tab-active-under: #87bce6;
  --auth-bg-a: #fbfdff;
  --auth-bg-b: #f2f8fe;
  --auth-bg-c: #e8f2fb;
  --auth-card-bg: rgba(255, 255, 255, 0.96);
  --auth-card-border: rgba(160, 190, 219, 0.58);
  --auth-kicker: #2f6fa8;
  --auth-glow-a: rgba(64, 144, 210, 0.2);
  --auth-glow-b: rgba(113, 184, 229, 0.18);
}

:root[data-theme="k3-kitt"] {
  color-scheme: light;
  --bg-base: #f4f7fb;
  --bg-alt: #ffffff;
  --bg-soft: #e9f0f7;
  --bg-radial-a: rgba(86, 141, 194, 0.13);
  --bg-radial-b: rgba(118, 153, 186, 0.12);
  --page-bg-overlay: linear-gradient(135deg, #fbfcfe 0%, #f0f5fa 50%, #e6eef7 100%);
  --text: #243343;
  --muted: #52667c;
  --card: rgba(255, 255, 255, 0.95);
  --card-soft: rgba(247, 250, 253, 0.98);
  --card-border: rgba(133, 160, 190, 0.56);
  --card-shadow: 0 14px 30px rgba(45, 76, 108, 0.12);
  --line-accent: #568dc2;
  --pill-bg: #eef4fa;
  --pill-border: rgba(125, 155, 188, 0.58);
  --pill-text: #2f5d8b;
  --input-bg: #ffffff;
  --input-border: rgba(126, 153, 183, 0.72);
  --input-text: #243343;
  --input-placeholder: rgba(82, 102, 124, 0.82);
  --focus: #4f83b6;
  --focus-shadow: rgba(79, 131, 182, 0.2);
  --btn-bg-a: #ffffff;
  --btn-bg-b: #edf4fb;
  --btn-border: #a9bfd8;
  --btn-text: #243343;
  --btn-hover-shadow: rgba(32, 74, 118, 0.15);
  --ghost-bg: #eef4fa;
  --ghost-text: #2f5d8b;
  --ghost-border: rgba(125, 155, 188, 0.58);
  --pre-bg: #f0f5fb;
  --pre-border: rgba(126, 153, 183, 0.5);
  --pre-text: #294866;
  --success-text: #25644f;
  --success-bg: rgba(86, 166, 128, 0.14);
  --success-border: rgba(86, 166, 128, 0.34);
  --warn-text: #725a2c;
  --warn-bg: rgba(216, 171, 85, 0.18);
  --warn-border: rgba(173, 132, 57, 0.34);
  --danger-text: #7a3547;
  --danger-bg: rgba(204, 92, 118, 0.13);
  --danger-border: rgba(176, 88, 109, 0.34);
  --tab-strip-line: rgba(117, 145, 177, 0.62);
  --tab-border: rgba(128, 154, 184, 0.68);
  --tab-text: #355f8b;
  --tab-bg: linear-gradient(180deg, #ffffff, #edf4fb);
  --tab-inset: rgba(255, 255, 255, 0.88);
  --tab-hover-outline: rgba(86, 141, 194, 0.28);
  --tab-active-bg: linear-gradient(180deg, #568dc2, #456f9e);
  --tab-active-border: rgba(213, 231, 247, 0.92);
  --tab-active-text: #ffffff;
  --tab-active-inset: rgba(255, 255, 255, 0.42);
  --tab-active-under: #90bee6;
  --auth-bg-a: #fbfcfe;
  --auth-bg-b: #f0f5fa;
  --auth-bg-c: #e6eef7;
  --auth-card-bg: rgba(255, 255, 255, 0.96);
  --auth-card-border: rgba(133, 160, 190, 0.56);
  --auth-kicker: #456f9e;
  --auth-glow-a: rgba(86, 141, 194, 0.22);
  --auth-glow-b: rgba(118, 153, 186, 0.2);
}

:root[data-theme="k3-kitt2"] {
  color-scheme: light;
  --bg-base: #faf6ef;
  --bg-alt: #fffdf9;
  --bg-soft: #f2e8d8;
  --bg-radial-a: rgba(172, 131, 72, 0.12);
  --bg-radial-b: rgba(110, 135, 159, 0.1);
  --page-bg-overlay: linear-gradient(135deg, #fffdf9 0%, #f8f1e7 50%, #efe4d2 100%);
  --text: #302d29;
  --muted: #6c6257;
  --card: rgba(255, 252, 247, 0.96);
  --card-soft: rgba(250, 244, 235, 0.98);
  --card-border: rgba(189, 171, 146, 0.58);
  --card-shadow: 0 14px 28px rgba(91, 72, 48, 0.12);
  --line-accent: #9d7742;
  --pill-bg: #f4eadb;
  --pill-border: rgba(184, 160, 128, 0.58);
  --pill-text: #664a26;
  --input-bg: #fffdf9;
  --input-border: rgba(176, 156, 129, 0.7);
  --input-text: #302d29;
  --input-placeholder: rgba(108, 98, 87, 0.76);
  --focus: #8c6b43;
  --focus-shadow: rgba(140, 107, 67, 0.2);
  --btn-bg-a: #fffdf9;
  --btn-bg-b: #f3e8d7;
  --btn-border: #c0a986;
  --btn-text: #302d29;
  --btn-hover-shadow: rgba(92, 70, 42, 0.16);
  --ghost-bg: #f4eadb;
  --ghost-text: #664a26;
  --ghost-border: rgba(184, 160, 128, 0.58);
  --pre-bg: #f8efe1;
  --pre-border: rgba(176, 156, 129, 0.52);
  --pre-text: #433827;
  --success-text: #34614e;
  --success-bg: rgba(96, 154, 125, 0.15);
  --success-border: rgba(96, 154, 125, 0.34);
  --warn-text: #75551d;
  --warn-bg: rgba(224, 170, 75, 0.2);
  --warn-border: rgba(170, 121, 39, 0.34);
  --danger-text: #743a4a;
  --danger-bg: rgba(190, 93, 114, 0.13);
  --danger-border: rgba(162, 83, 101, 0.34);
  --tab-strip-line: rgba(181, 156, 124, 0.62);
  --tab-border: rgba(184, 160, 128, 0.68);
  --tab-text: #664a26;
  --tab-bg: linear-gradient(180deg, #fffdf9, #f3e8d7);
  --tab-inset: rgba(255, 255, 255, 0.86);
  --tab-hover-outline: rgba(157, 119, 66, 0.3);
  --tab-active-bg: linear-gradient(180deg, #9d7742, #805f34);
  --tab-active-border: rgba(245, 230, 209, 0.94);
  --tab-active-text: #ffffff;
  --tab-active-inset: rgba(255, 255, 255, 0.36);
  --tab-active-under: #d3b583;
  --auth-bg-a: #fffdf9;
  --auth-bg-b: #f8f1e7;
  --auth-bg-c: #efe4d2;
  --auth-card-bg: rgba(255, 252, 247, 0.96);
  --auth-card-border: rgba(189, 171, 146, 0.58);
  --auth-kicker: #8c6b43;
  --auth-glow-a: rgba(172, 131, 72, 0.2);
  --auth-glow-b: rgba(110, 135, 159, 0.16);
}

:root[data-theme="k3-508"] {
  color-scheme: dark;
  --bg-base: #000000;
  --bg-alt: #0b0f14;
  --bg-soft: #121a2b;
  --bg-radial-a: rgba(0, 119, 255, 0.22);
  --bg-radial-b: rgba(0, 229, 255, 0.15);
  --text: #ffffff;
  --muted: #d1d5db;
  --card: rgba(0, 0, 0, 0.96);
  --card-soft: rgba(5, 10, 18, 0.98);
  --card-border: #8ab4ff;
  --card-shadow: 0 0 0 2px rgba(138, 180, 255, 0.35);
  --line-accent: #00e5ff;
  --pill-bg: rgba(0, 229, 255, 0.18);
  --pill-border: #00e5ff;
  --pill-text: #ffffff;
  --input-bg: #000000;
  --input-border: #8ab4ff;
  --input-text: #ffffff;
  --input-placeholder: #d1d5db;
  --focus: #ffbf47;
  --focus-shadow: rgba(255, 191, 71, 0.45);
  --btn-bg-a: #ffd400;
  --btn-bg-b: #e4be00;
  --btn-border: #ffffff;
  --btn-text: #000000;
  --btn-hover-shadow: rgba(255, 212, 0, 0.26);
  --ghost-bg: #001a3a;
  --ghost-text: #ffffff;
  --ghost-border: #8ab4ff;
  --pre-bg: #000000;
  --pre-border: #8ab4ff;
  --pre-text: #ffffff;
  --success-text: #83f9b5;
  --success-bg: rgba(0, 128, 70, 0.32);
  --success-border: #83f9b5;
  --warn-text: #ffe58f;
  --warn-bg: rgba(114, 88, 26, 0.54);
  --warn-border: #ffd95e;
  --danger-text: #ffb3c6;
  --danger-bg: rgba(134, 0, 33, 0.42);
  --danger-border: #ff7ca3;
  --tab-strip-line: #8ab4ff;
  --tab-border: #8ab4ff;
  --tab-text: #ffffff;
  --tab-bg: linear-gradient(180deg, #0c1630, #091126);
  --tab-inset: rgba(138, 180, 255, 0.38);
  --tab-hover-outline: rgba(255, 191, 71, 0.65);
  --tab-active-bg: linear-gradient(180deg, #ffd400, #e4be00);
  --tab-active-border: #ffffff;
  --tab-active-text: #000000;
  --tab-active-inset: rgba(255, 255, 255, 0.75);
  --tab-active-under: #e4be00;
  --auth-bg-a: #000000;
  --auth-bg-b: #071225;
  --auth-bg-c: #13284d;
  --auth-card-bg: rgba(0, 0, 0, 0.95);
  --auth-card-border: #8ab4ff;
  --auth-kicker: #9ed5ff;
  --auth-glow-a: #00e5ff;
  --auth-glow-b: #8ab4ff;
}

:root[data-theme="k3-508"] input:focus,
:root[data-theme="k3-508"] select:focus,
:root[data-theme="k3-508"] textarea:focus,
:root[data-theme="k3-508"] button:focus {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
  box-shadow: none;
}

:root[data-theme="k3-508"] button:hover {
  transform: none;
}