: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: #edf2f6;
  --bg-alt: #e7edf3;
  --bg-soft: #dde6ee;
  --bg-radial-a: rgba(112, 148, 171, 0.1);
  --bg-radial-b: rgba(146, 171, 196, 0.1);
  --text: #26374b;
  --muted: #5c6e82;
  --card: rgba(246, 249, 252, 0.9);
  --card-soft: rgba(240, 245, 250, 0.95);
  --card-border: rgba(121, 141, 166, 0.3);
  --card-shadow: 0 12px 26px rgba(45, 65, 89, 0.1);
  --line-accent: rgba(109, 145, 174, 0.28);
  --pill-bg: rgba(126, 151, 178, 0.14);
  --pill-border: rgba(126, 151, 178, 0.32);
  --pill-text: #35506f;
  --input-bg: rgba(242, 247, 251, 0.96);
  --input-border: rgba(129, 149, 173, 0.36);
  --input-text: #2a3d56;
  --input-placeholder: rgba(92, 110, 130, 0.8);
  --focus: rgba(111, 142, 175, 0.68);
  --focus-shadow: rgba(111, 142, 175, 0.18);
  --btn-bg-a: #ddd4c5;
  --btn-bg-b: #cfc3b0;
  --btn-border: #aa9b84;
  --btn-text: #2d3f57;
  --btn-hover-shadow: rgba(26, 44, 63, 0.14);
  --ghost-bg: rgba(124, 148, 173, 0.14);
  --ghost-text: #3a5674;
  --ghost-border: rgba(124, 148, 173, 0.34);
  --pre-bg: rgba(235, 241, 247, 0.94);
  --pre-border: rgba(126, 147, 171, 0.32);
  --pre-text: #2f4a68;
  --success-text: #3f6f5e;
  --success-bg: rgba(103, 156, 132, 0.16);
  --success-border: rgba(103, 156, 132, 0.34);
  --warn-text: #7b6440;
  --warn-bg: rgba(183, 157, 111, 0.2);
  --warn-border: rgba(166, 138, 89, 0.34);
  --danger-text: #7a4a5a;
  --danger-bg: rgba(164, 113, 129, 0.18);
  --danger-border: rgba(146, 97, 113, 0.32);
  --tab-strip-line: rgba(118, 141, 166, 0.52);
  --tab-border: rgba(128, 149, 173, 0.56);
  --tab-text: #415e7f;
  --tab-bg: linear-gradient(180deg, rgba(234, 241, 248, 0.98), rgba(223, 233, 243, 0.99));
  --tab-inset: rgba(246, 250, 254, 0.76);
  --tab-hover-outline: rgba(120, 147, 175, 0.28);
  --tab-active-bg: linear-gradient(180deg, #859ab2, #788da6);
  --tab-active-border: rgba(198, 212, 229, 0.9);
  --tab-active-text: #f3f7fb;
  --tab-active-inset: rgba(238, 245, 252, 0.66);
  --tab-active-under: #788da6;
  --auth-bg-a: #dfe7ef;
  --auth-bg-b: #d4dee9;
  --auth-bg-c: #ccd7e4;
  --auth-card-bg: rgba(244, 249, 253, 0.95);
  --auth-card-border: rgba(126, 147, 171, 0.32);
  --auth-kicker: #3e5f80;
  --auth-glow-a: rgba(122, 150, 176, 0.36);
  --auth-glow-b: rgba(145, 168, 193, 0.34);
}

:root[data-theme="k3-kitt"] {
  color-scheme: light;
  --bg-base: #e8edf3;
  --bg-alt: #dde5ee;
  --bg-soft: #d1dbe7;
  --bg-radial-a: rgba(95, 130, 160, 0.13);
  --bg-radial-b: rgba(119, 144, 175, 0.12);
  --text: #2a3442;
  --muted: #55667d;
  --card: rgba(241, 245, 250, 0.9);
  --card-soft: rgba(234, 240, 247, 0.95);
  --card-border: rgba(105, 128, 158, 0.38);
  --card-shadow: 0 16px 30px rgba(33, 50, 74, 0.12);
  --line-accent: rgba(95, 130, 160, 0.34);
  --pill-bg: rgba(121, 146, 179, 0.16);
  --pill-border: rgba(121, 146, 179, 0.42);
  --pill-text: #2d4968;
  --input-bg: rgba(236, 241, 247, 0.95);
  --input-border: rgba(110, 132, 162, 0.48);
  --input-text: #243447;
  --input-placeholder: rgba(85, 102, 125, 0.85);
  --focus: rgba(89, 126, 169, 0.84);
  --focus-shadow: rgba(89, 126, 169, 0.2);
  --btn-bg-a: #ddd3c0;
  --btn-bg-b: #cbbda3;
  --btn-border: #a99676;
  --btn-text: #2f3b4c;
  --btn-hover-shadow: rgba(13, 39, 77, 0.16);
  --ghost-bg: rgba(126, 148, 177, 0.14);
  --ghost-text: #314a67;
  --ghost-border: rgba(113, 136, 165, 0.42);
  --pre-bg: rgba(231, 237, 245, 0.94);
  --pre-border: rgba(113, 136, 165, 0.36);
  --pre-text: #2b4362;
  --success-text: #2f5f4e;
  --success-bg: rgba(101, 155, 130, 0.18);
  --success-border: rgba(101, 155, 130, 0.38);
  --warn-text: #6b5530;
  --warn-bg: rgba(185, 154, 94, 0.24);
  --warn-border: rgba(166, 132, 74, 0.38);
  --danger-text: #6e3f52;
  --danger-bg: rgba(160, 107, 125, 0.2);
  --danger-border: rgba(148, 96, 113, 0.38);
  --tab-strip-line: rgba(112, 135, 165, 0.58);
  --tab-border: rgba(123, 144, 171, 0.64);
  --tab-text: #3a5574;
  --tab-bg: linear-gradient(180deg, rgba(228, 236, 245, 0.98), rgba(216, 226, 238, 0.99));
  --tab-inset: rgba(245, 248, 252, 0.78);
  --tab-hover-outline: rgba(110, 132, 162, 0.34);
  --tab-active-bg: linear-gradient(180deg, #7b8ea7, #6d8099);
  --tab-active-border: rgba(194, 208, 226, 0.92);
  --tab-active-text: #f2f5f9;
  --tab-active-inset: rgba(236, 243, 250, 0.7);
  --tab-active-under: #6d8099;
  --auth-bg-a: #d5dde7;
  --auth-bg-b: #c9d5e3;
  --auth-bg-c: #bccedf;
  --auth-card-bg: rgba(238, 243, 249, 0.95);
  --auth-card-border: rgba(110, 132, 162, 0.36);
  --auth-kicker: #355170;
  --auth-glow-a: rgba(100, 130, 158, 0.42);
  --auth-glow-b: rgba(119, 144, 175, 0.42);
}

:root[data-theme="k3-kitt2"] {
  color-scheme: light;
  --bg-base: #e9e6e1;
  --bg-alt: #dfddd8;
  --bg-soft: #d4d6d6;
  --bg-radial-a: rgba(116, 123, 131, 0.12);
  --bg-radial-b: rgba(156, 143, 124, 0.1);
  --text: #2f343c;
  --muted: #626973;
  --card: rgba(240, 238, 234, 0.92);
  --card-soft: rgba(234, 233, 229, 0.96);
  --card-border: rgba(122, 126, 132, 0.34);
  --card-shadow: 0 14px 28px rgba(46, 50, 56, 0.12);
  --line-accent: rgba(126, 133, 143, 0.28);
  --pill-bg: rgba(128, 136, 146, 0.14);
  --pill-border: rgba(128, 136, 146, 0.34);
  --pill-text: #3f4d60;
  --input-bg: rgba(236, 235, 232, 0.96);
  --input-border: rgba(124, 129, 138, 0.42);
  --input-text: #313842;
  --input-placeholder: rgba(98, 105, 115, 0.78);
  --focus: rgba(122, 133, 148, 0.74);
  --focus-shadow: rgba(122, 133, 148, 0.2);
  --btn-bg-a: #d7ccb9;
  --btn-bg-b: #c7b9a2;
  --btn-border: #a5957d;
  --btn-text: #2e3a4d;
  --btn-hover-shadow: rgba(32, 37, 44, 0.16);
  --ghost-bg: rgba(124, 131, 141, 0.14);
  --ghost-text: #3d4c61;
  --ghost-border: rgba(124, 131, 141, 0.34);
  --pre-bg: rgba(228, 228, 226, 0.95);
  --pre-border: rgba(122, 128, 137, 0.34);
  --pre-text: #344153;
  --success-text: #3d6054;
  --success-bg: rgba(109, 142, 126, 0.18);
  --success-border: rgba(98, 129, 114, 0.34);
  --warn-text: #6d5a3d;
  --warn-bg: rgba(173, 148, 108, 0.22);
  --warn-border: rgba(153, 127, 90, 0.34);
  --danger-text: #6e4752;
  --danger-bg: rgba(154, 111, 123, 0.2);
  --danger-border: rgba(137, 95, 108, 0.34);
  --tab-strip-line: rgba(121, 127, 136, 0.52);
  --tab-border: rgba(128, 133, 142, 0.56);
  --tab-text: #455468;
  --tab-bg: linear-gradient(180deg, rgba(229, 227, 223, 0.98), rgba(220, 218, 214, 0.99));
  --tab-inset: rgba(244, 242, 238, 0.78);
  --tab-hover-outline: rgba(127, 135, 146, 0.3);
  --tab-active-bg: linear-gradient(180deg, #888f9a, #7a818c);
  --tab-active-border: rgba(198, 201, 206, 0.92);
  --tab-active-text: #f4f5f7;
  --tab-active-inset: rgba(236, 239, 243, 0.65);
  --tab-active-under: #7a818c;
  --auth-bg-a: #d8d6d1;
  --auth-bg-b: #cecfcc;
  --auth-bg-c: #c4c8c9;
  --auth-card-bg: rgba(235, 234, 230, 0.95);
  --auth-card-border: rgba(122, 128, 137, 0.34);
  --auth-kicker: #4a596d;
  --auth-glow-a: rgba(132, 141, 152, 0.34);
  --auth-glow-b: rgba(163, 149, 129, 0.3);
}

: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;
}