html[data-site-theme="classic"]:is([data-classic-palette^="ambient-"], [data-classic-palette="lime"], [data-classic-palette="ocean"], [data-classic-palette="violet"], [data-classic-palette="amber"]) {
  --background: #0b1820; --canvas: #0b1820; --canvas-soft: #17303b;
  --panel: rgba(25, 51, 63, 0.6); --panel-solid: #193640; --panel-raised: rgba(36, 69, 82, 0.66);
  --surface: rgba(22, 48, 59, 0.53); --surface-raised: rgba(39, 69, 82, 0.6); --surface-soft: rgba(48, 80, 93, 0.56);
  --text: #f3f6f7; --copy: #f3f6f7; --ink: #f3f6f7; --muted: #aeb8bd; --muted-strong: #dce3e6; --subtle: #849198;
  --danger: #ff6678; --red: #ff5f73; --warning: #e9bd68; --amber: #dfa65b; --success: #5dcc9d; --green: #5dcc9d;
  --card-surface: linear-gradient(145deg, rgba(37, 70, 84, 0.6), rgba(9, 31, 42, 0.58));
  --classic-atmosphere-a: rgba(8, 24, 31, 0.3); --classic-atmosphere-b: rgba(12, 31, 39, 0.2); --classic-atmosphere-c: rgba(18, 39, 48, 0.1);
  --classic-sidebar-surface: linear-gradient(165deg, rgba(31, 65, 78, 0.72), rgba(8, 29, 40, 0.72));
}

html[data-site-theme="classic"]:is([data-classic-palette^="ambient-"], [data-classic-palette="lime"], [data-classic-palette="ocean"], [data-classic-palette="violet"], [data-classic-palette="amber"])::before {
  background: linear-gradient(90deg, var(--classic-atmosphere-a), var(--classic-atmosphere-b) 48%, var(--classic-atmosphere-c)), linear-gradient(180deg, rgba(3, 8, 11, 0.18), var(--classic-atmosphere-a)), var(--site-background-image) 70% center / cover no-repeat, var(--background);
}

html[data-site-theme="classic"]:is([data-classic-palette^="ambient-"], [data-classic-palette="lime"], [data-classic-palette="ocean"], [data-classic-palette="violet"], [data-classic-palette="amber"]) :is(.sidebar, .admin-sidebar) {
  border-color: rgba(var(--accent-rgb), 0.14); background: var(--classic-sidebar-surface);
}

html[data-classic-palette="ambient-01"] {
  --accent: #4f9cf9; --accent-rgb: 79, 156, 249; --accent-strong: #65a8f8; --accent-dark: #071014;
  --accent-soft: rgba(79, 156, 249, 0.13); --blue: #4f9cf9; --blue-bright: #65a8f8; --cyan: #5e9bd3; --cyan-rgb: 94, 155, 211;
  --ambient-soft: #284f7b; --ambient-edge: #3b74b8; --ambient-button: #4f9cf9;
}

html[data-classic-palette="ambient-02"] {
  --accent: #0a84ff; --accent-rgb: 10, 132, 255; --accent-strong: #2a94fd; --accent-dark: #071014;
  --accent-soft: rgba(10, 132, 255, 0.13); --blue: #0a84ff; --blue-bright: #2a94fd; --cyan: #368dd7; --cyan-rgb: 54, 141, 215;
  --ambient-soft: #0b457e; --ambient-edge: #0a64bc; --ambient-button: #0a84ff;
}

html[data-classic-palette="ocean"],
html[data-classic-palette="ambient-03"] {
  --accent: #64b5f6; --accent-rgb: 100, 181, 246; --accent-strong: #77bef6; --accent-dark: #071014;
  --accent-soft: rgba(100, 181, 246, 0.13); --blue: #64b5f6; --blue-bright: #77bef6; --cyan: #6aa9d1; --cyan-rgb: 106, 169, 209;
  --ambient-soft: #305a7a; --ambient-edge: #4986b6; --ambient-button: #64b5f6;
}

html[data-classic-palette="ambient-04"] {
  --accent: #3b82f6; --accent-rgb: 59, 130, 246; --accent-strong: #5492f6; --accent-dark: #071014;
  --accent-soft: rgba(59, 130, 246, 0.13); --blue: #3b82f6; --blue-bright: #5492f6; --cyan: #538cd1; --cyan-rgb: 83, 140, 209;
  --ambient-soft: #1f457a; --ambient-edge: #2d62b6; --ambient-button: #3b82f6;
}

html[data-classic-palette="ambient-05"] {
  --accent: #5b8def; --accent-rgb: 91, 141, 239; --accent-strong: #709bf0; --accent-dark: #071014;
  --accent-soft: rgba(91, 141, 239, 0.13); --blue: #5b8def; --blue-bright: #709bf0; --cyan: #6592cd; --cyan-rgb: 101, 146, 205;
  --ambient-soft: #2d4977; --ambient-edge: #436ab1; --ambient-button: #5b8def;
}

html[data-classic-palette="ambient-06"] {
  --accent: #38bdf8; --accent-rgb: 56, 189, 248; --accent-strong: #51c5f7; --accent-dark: #071014;
  --accent-soft: rgba(56, 189, 248, 0.13); --blue: #38bdf8; --blue-bright: #51c5f7; --cyan: #51aed3; --cyan-rgb: 81, 174, 211;
  --ambient-soft: #1e5d7b; --ambient-edge: #2b8cb7; --ambient-button: #38bdf8;
}

html[data-classic-palette="ambient-07"] {
  --accent: #60a5fa; --accent-rgb: 96, 165, 250; --accent-strong: #74b0f9; --accent-dark: #071014;
  --accent-soft: rgba(96, 165, 250, 0.13); --blue: #60a5fa; --blue-bright: #74b0f9; --cyan: #68a0d4; --cyan-rgb: 104, 160, 212;
  --ambient-soft: #2f537c; --ambient-edge: #477bb9; --ambient-button: #60a5fa;
}

html[data-classic-palette="ambient-08"] {
  --accent: #7aa7ff; --accent-rgb: 122, 167, 255; --accent-strong: #8ab2fd; --accent-dark: #071014;
  --accent-soft: rgba(122, 167, 255, 0.13); --blue: #7aa7ff; --blue-bright: #8ab2fd; --cyan: #77a1d7; --cyan-rgb: 119, 161, 215;
  --ambient-soft: #3a547e; --ambient-edge: #597cbc; --ambient-button: #7aa7ff;
}

html[data-classic-palette="ambient-09"] {
  --accent: #2dd4bf; --accent-rgb: 45, 212, 191; --accent-strong: #48d8c6; --accent-dark: #071014;
  --accent-soft: rgba(45, 212, 191, 0.13); --blue: #2dd4bf; --blue-bright: #48d8c6; --cyan: #50bcac; --cyan-rgb: 80, 188, 172;
  --ambient-soft: #196763; --ambient-edge: #239c8f; --ambient-button: #2dd4bf;
}

html[data-classic-palette="ambient-10"] {
  --accent: #14b8a6; --accent-rgb: 20, 184, 166; --accent-strong: #33c0b1; --accent-dark: #071014;
  --accent-soft: rgba(20, 184, 166, 0.13); --blue: #14b8a6; --blue-bright: #33c0b1; --cyan: #42ac9d; --cyan-rgb: 66, 172, 157;
  --ambient-soft: #0f5b58; --ambient-edge: #11887e; --ambient-button: #14b8a6;
}

html[data-classic-palette="lime"],
html[data-classic-palette="ambient-11"] {
  --accent: #34d399; --accent-rgb: 52, 211, 153; --accent-strong: #4ed7a6; --accent-dark: #071014;
  --accent-soft: rgba(52, 211, 153, 0.13); --blue: #34d399; --blue-bright: #4ed7a6; --cyan: #54bb96; --cyan-rgb: 84, 187, 150;
  --ambient-soft: #1c6753; --ambient-edge: #289b75; --ambient-button: #34d399;
}

html[data-classic-palette="ambient-12"] {
  --accent: #30d158; --accent-rgb: 48, 209, 88; --accent-strong: #4bd66e; --accent-dark: #071014;
  --accent-soft: rgba(48, 209, 88, 0.13); --blue: #30d158; --blue-bright: #4bd66e; --cyan: #52ba70; --cyan-rgb: 82, 186, 112;
  --ambient-soft: #1b6638; --ambient-edge: #259a47; --ambient-button: #30d158;
}

html[data-classic-palette="ambient-13"] {
  --accent: #5ae5d0; --accent-rgb: 90, 229, 208; --accent-strong: #6fe7d5; --accent-dark: #071014;
  --accent-soft: rgba(90, 229, 208, 0.13); --blue: #5ae5d0; --blue-bright: #6fe7d5; --cyan: #6ac6b6; --cyan-rgb: 106, 198, 182;
  --ambient-soft: #2c6e6a; --ambient-edge: #42a89b; --ambient-button: #5ae5d0;
}

html[data-classic-palette="ambient-14"] {
  --accent: #22c55e; --accent-rgb: 34, 197, 94; --accent-strong: #3fcb73; --accent-dark: #071014;
  --accent-soft: rgba(34, 197, 94, 0.13); --blue: #22c55e; --blue-bright: #3fcb73; --cyan: #4ab373; --cyan-rgb: 74, 179, 115;
  --ambient-soft: #15613a; --ambient-edge: #1b914b; --ambient-button: #22c55e;
}

html[data-classic-palette="ambient-15"] {
  --accent: #63e6be; --accent-rgb: 99, 230, 190; --accent-strong: #76e8c6; --accent-dark: #071014;
  --accent-soft: rgba(99, 230, 190, 0.13); --blue: #63e6be; --blue-bright: #76e8c6; --cyan: #70c7ab; --cyan-rgb: 112, 199, 171;
  --ambient-soft: #306f62; --ambient-edge: #49a88f; --ambient-button: #63e6be;
}

html[data-classic-palette="ambient-16"] {
  --accent: #4ade80; --accent-rgb: 74, 222, 128; --accent-strong: #61e190; --accent-dark: #071014;
  --accent-soft: rgba(74, 222, 128, 0.13); --blue: #4ade80; --blue-bright: #61e190; --cyan: #61c287; --cyan-rgb: 97, 194, 135;
  --ambient-soft: #256b48; --ambient-edge: #37a363; --ambient-button: #4ade80;
}

html[data-classic-palette="ambient-17"] {
  --accent: #7bbf6a; --accent-rgb: 123, 191, 106; --accent-strong: #8bc67d; --accent-dark: #071014;
  --accent-soft: rgba(123, 191, 106, 0.13); --blue: #7bbf6a; --blue-bright: #8bc67d; --cyan: #85ac72; --cyan-rgb: 133, 172, 114;
  --ambient-soft: #3a5e3f; --ambient-edge: #598d54; --ambient-button: #7bbf6a;
}

html[data-classic-palette="ambient-18"] {
  --accent: #84cc75; --accent-rgb: 132, 204, 117; --accent-strong: #93d187; --accent-dark: #071014;
  --accent-soft: rgba(132, 204, 117, 0.13); --blue: #84cc75; --blue-bright: #93d187; --cyan: #8ab378; --cyan-rgb: 138, 179, 120;
  --ambient-soft: #3e6444; --ambient-edge: #60965c; --ambient-button: #84cc75;
}

html[data-classic-palette="ambient-19"] {
  --accent: #70b77e; --accent-rgb: 112, 183, 126; --accent-strong: #82bf8f; --accent-dark: #071014;
  --accent-soft: rgba(112, 183, 126, 0.13); --blue: #70b77e; --blue-bright: #82bf8f; --cyan: #7ea77d; --cyan-rgb: 126, 167, 125;
  --ambient-soft: #355b47; --ambient-edge: #528762; --ambient-button: #70b77e;
}

html[data-classic-palette="ambient-20"] {
  --accent: #9bbf5a; --accent-rgb: 155, 191, 90; --accent-strong: #a7c670; --accent-dark: #071014;
  --accent-soft: rgba(155, 191, 90, 0.13); --blue: #9bbf5a; --blue-bright: #a7c670; --cyan: #97ac68; --cyan-rgb: 151, 172, 104;
  --ambient-soft: #475e38; --ambient-edge: #708d49; --ambient-button: #9bbf5a;
}

html[data-classic-palette="ambient-21"] {
  --accent: #6baf8d; --accent-rgb: 107, 175, 141; --accent-strong: #7db99b; --accent-dark: #071014;
  --accent-soft: rgba(107, 175, 141, 0.13); --blue: #6baf8d; --blue-bright: #7db99b; --cyan: #7ba286; --cyan-rgb: 123, 162, 134;
  --ambient-soft: #33574e; --ambient-edge: #4e826c; --ambient-button: #6baf8d;
}

html[data-classic-palette="ambient-22"] {
  --accent: #a3c878; --accent-rgb: 163, 200, 120; --accent-strong: #aece89; --accent-dark: #071014;
  --accent-soft: rgba(163, 200, 120, 0.13); --blue: #a3c878; --blue-bright: #aece89; --cyan: #9cb17a; --cyan-rgb: 156, 177, 122;
  --ambient-soft: #4b6245; --ambient-edge: #75935e; --ambient-button: #a3c878;
}

html[data-classic-palette="ambient-23"] {
  --accent: #62b273; --accent-rgb: 98, 178, 115; --accent-strong: #76bb85; --accent-dark: #071014;
  --accent-soft: rgba(98, 178, 115, 0.13); --blue: #62b273; --blue-bright: #76bb85; --cyan: #76a477; --cyan-rgb: 118, 164, 119;
  --ambient-soft: #305943; --ambient-edge: #48845a; --ambient-button: #62b273;
}

html[data-classic-palette="ambient-24"] {
  --accent: #8fcb9b; --accent-rgb: 143, 203, 155; --accent-strong: #9cd1a7; --accent-dark: #071014;
  --accent-soft: rgba(143, 203, 155, 0.13); --blue: #8fcb9b; --blue-bright: #9cd1a7; --cyan: #90b38e; --cyan-rgb: 144, 179, 142;
  --ambient-soft: #426354; --ambient-edge: #679576; --ambient-button: #8fcb9b;
}

html[data-classic-palette="ambient-25"] {
  --accent: #8b7cff; --accent-rgb: 139, 124, 255; --accent-strong: #998dfd; --accent-dark: #071014;
  --accent-soft: rgba(139, 124, 255, 0.13); --blue: #8b7cff; --blue-bright: #998dfd; --cyan: #8a89de; --cyan-rgb: 138, 137, 222;
  --ambient-soft: #41427e; --ambient-edge: #655ebc; --ambient-button: #8b7cff;
}

html[data-classic-palette="ambient-26"] {
  --accent: #7c83ff; --accent-rgb: 124, 131, 255; --accent-strong: #8c93fd; --accent-dark: #071014;
  --accent-soft: rgba(124, 131, 255, 0.13); --blue: #7c83ff; --blue-bright: #8c93fd; --cyan: #818dde; --cyan-rgb: 129, 141, 222;
  --ambient-soft: #3a457e; --ambient-edge: #5a63bc; --ambient-button: #7c83ff;
}

html[data-classic-palette="violet"],
html[data-classic-palette="ambient-27"] {
  --accent: #7270ff; --accent-rgb: 114, 112, 255; --accent-strong: #8382fd; --accent-dark: #071014;
  --accent-soft: rgba(114, 112, 255, 0.13); --blue: #7270ff; --blue-bright: #8382fd; --cyan: #7c82de; --cyan-rgb: 124, 130, 222;
  --ambient-soft: #363d7e; --ambient-edge: #5356bc; --ambient-button: #7270ff;
}

html[data-classic-palette="ambient-28"] {
  --accent: #9b7bff; --accent-rgb: 155, 123, 255; --accent-strong: #a78cfd; --accent-dark: #071014;
  --accent-soft: rgba(155, 123, 255, 0.13); --blue: #9b7bff; --blue-bright: #a78cfd; --cyan: #9388de; --cyan-rgb: 147, 136, 222;
  --ambient-soft: #47427e; --ambient-edge: #705dbc; --ambient-button: #9b7bff;
}

html[data-classic-palette="ambient-29"] {
  --accent: #a78bfa; --accent-rgb: 167, 139, 250; --accent-strong: #b19af9; --accent-dark: #071014;
  --accent-soft: rgba(167, 139, 250, 0.13); --blue: #a78bfa; --blue-bright: #b19af9; --cyan: #9a92db; --cyan-rgb: 154, 146, 219;
  --ambient-soft: #4d487c; --ambient-edge: #7869b9; --ambient-button: #a78bfa;
}

html[data-classic-palette="ambient-30"] {
  --accent: #bf5af2; --accent-rgb: 191, 90, 242; --accent-strong: #c66ff2; --accent-dark: #071014;
  --accent-soft: rgba(191, 90, 242, 0.13); --blue: #bf5af2; --blue-bright: #c66ff2; --cyan: #a875d6; --cyan-rgb: 168, 117, 214;
  --ambient-soft: #573478; --ambient-edge: #8946b3; --ambient-button: #bf5af2;
}

html[data-classic-palette="ambient-31"] {
  --accent: #8b5cf6; --accent-rgb: 139, 92, 246; --accent-strong: #9971f6; --accent-dark: #071014;
  --accent-soft: rgba(139, 92, 246, 0.13); --blue: #8b5cf6; --blue-bright: #9971f6; --cyan: #8a76d9; --cyan-rgb: 138, 118, 217;
  --ambient-soft: #41357a; --ambient-edge: #6548b6; --ambient-button: #8b5cf6;
}

html[data-classic-palette="ambient-32"] {
  --accent: #c084fc; --accent-rgb: 192, 132, 252; --accent-strong: #c694fb; --accent-dark: #071014;
  --accent-soft: rgba(192, 132, 252, 0.13); --blue: #c084fc; --blue-bright: #c694fb; --cyan: #a98edc; --cyan-rgb: 169, 142, 220;
  --ambient-soft: #57457c; --ambient-edge: #8a64ba; --ambient-button: #c084fc;
}

html[data-classic-palette="ambient-33"] {
  --accent: #e76f9a; --accent-rgb: 231, 111, 154; --accent-strong: #e881a7; --accent-dark: #071014;
  --accent-soft: rgba(231, 111, 154, 0.13); --blue: #e76f9a; --blue-bright: #e881a7; --cyan: #c77d9e; --cyan-rgb: 199, 125, 158;
  --ambient-soft: #673d53; --ambient-edge: #a55575; --ambient-button: #e76f9a;
}

html[data-classic-palette="ambient-34"] {
  --accent: #f07fa7; --accent-rgb: 240, 127, 167; --accent-strong: #f08fb2; --accent-dark: #071014;
  --accent-soft: rgba(240, 127, 167, 0.13); --blue: #f07fa7; --blue-bright: #f08fb2; --cyan: #cc87a5; --cyan-rgb: 204, 135, 165;
  --ambient-soft: #6b4359; --ambient-edge: #ab607f; --ambient-button: #f07fa7;
}

html[data-classic-palette="ambient-35"] {
  --accent: #ff375f; --accent-rgb: 255, 55, 95; --accent-strong: #fd5174; --accent-dark: #071014;
  --accent-soft: rgba(255, 55, 95, 0.13); --blue: #ff375f; --blue-bright: #fd5174; --cyan: #d55d7c; --cyan-rgb: 213, 93, 124;
  --ambient-soft: #71253a; --ambient-edge: #b62e4c; --ambient-button: #ff375f;
}

html[data-classic-palette="ambient-36"] {
  --accent: #ff6482; --accent-rgb: 255, 100, 130; --accent-strong: #fd7892; --accent-dark: #071014;
  --accent-soft: rgba(255, 100, 130, 0.13); --blue: #ff6482; --blue-bright: #fd7892; --cyan: #d57790; --cyan-rgb: 213, 119, 144;
  --ambient-soft: #713849; --ambient-edge: #b64d65; --ambient-button: #ff6482;
}

html[data-classic-palette="ambient-37"] {
  --accent: #d86b9b; --accent-rgb: 216, 107, 155; --accent-strong: #db7ea7; --accent-dark: #071014;
  --accent-soft: rgba(216, 107, 155, 0.13); --blue: #d86b9b; --blue-bright: #db7ea7; --cyan: #be7b9e; --cyan-rgb: 190, 123, 158;
  --ambient-soft: #613b54; --ambient-edge: #9b5276; --ambient-button: #d86b9b;
}

html[data-classic-palette="ambient-38"] {
  --accent: #f472b6; --accent-rgb: 244, 114, 182; --accent-strong: #f384bf; --accent-dark: #071014;
  --accent-soft: rgba(244, 114, 182, 0.13); --blue: #f472b6; --blue-bright: #f384bf; --cyan: #cf7fae; --cyan-rgb: 207, 127, 174;
  --ambient-soft: #6d3e5f; --ambient-edge: #ae5789; --ambient-button: #f472b6;
}

html[data-classic-palette="ambient-39"] {
  --accent: #e85d75; --accent-rgb: 232, 93, 117; --accent-strong: #e97287; --accent-dark: #071014;
  --accent-soft: rgba(232, 93, 117, 0.13); --blue: #e85d75; --blue-bright: #e97287; --cyan: #c87388; --cyan-rgb: 200, 115, 136;
  --ambient-soft: #683544; --ambient-edge: #a6485c; --ambient-button: #e85d75;
}

html[data-classic-palette="ambient-40"] {
  --accent: #f28ca8; --accent-rgb: 242, 140, 168; --accent-strong: #f19ab3; --accent-dark: #071014;
  --accent-soft: rgba(242, 140, 168, 0.13); --blue: #f28ca8; --blue-bright: #f19ab3; --cyan: #cd8ea6; --cyan-rgb: 205, 142, 166;
  --ambient-soft: #6c4959; --ambient-edge: #ad697f; --ambient-button: #f28ca8;
}

html[data-classic-palette="ambient-41"] {
  --accent: #c78e72; --accent-rgb: 199, 142, 114; --accent-strong: #cc9c84; --accent-dark: #071014;
  --accent-soft: rgba(199, 142, 114, 0.13); --blue: #c78e72; --blue-bright: #cc9c84; --cyan: #b48f77; --cyan-rgb: 180, 143, 119;
  --ambient-soft: #5a4a42; --ambient-edge: #8f6b59; --ambient-button: #c78e72;
}

html[data-classic-palette="ambient-42"] {
  --accent: #d39b78; --accent-rgb: 211, 155, 120; --accent-strong: #d7a789; --accent-dark: #071014;
  --accent-soft: rgba(211, 155, 120, 0.13); --blue: #d39b78; --blue-bright: #d7a789; --cyan: #bb977b; --cyan-rgb: 187, 151, 123;
  --ambient-soft: #5f4f45; --ambient-edge: #97745e; --ambient-button: #d39b78;
}

html[data-classic-palette="ambient-43"] {
  --accent: #b98366; --accent-rgb: 185, 131, 102; --accent-strong: #c0937a; --accent-dark: #071014;
  --accent-soft: rgba(185, 131, 102, 0.13); --blue: #b98366; --blue-bright: #c0937a; --cyan: #ac8970; --cyan-rgb: 172, 137, 112;
  --ambient-soft: #54453d; --ambient-edge: #856351; --ambient-button: #b98366;
}

html[data-classic-palette="ambient-44"] {
  --accent: #d6976d; --accent-rgb: 214, 151, 109; --accent-strong: #d9a480; --accent-dark: #071014;
  --accent-soft: rgba(214, 151, 109, 0.13); --blue: #d6976d; --blue-bright: #d9a480; --cyan: #bc9474; --cyan-rgb: 188, 148, 116;
  --ambient-soft: #604d40; --ambient-edge: #997156; --ambient-button: #d6976d;
}

html[data-classic-palette="ambient-45"] {
  --accent: #c8876d; --accent-rgb: 200, 135, 109; --accent-strong: #cd9680; --accent-dark: #071014;
  --accent-soft: rgba(200, 135, 109, 0.13); --blue: #c8876d; --blue-bright: #cd9680; --cyan: #b48b74; --cyan-rgb: 180, 139, 116;
  --ambient-soft: #5a4740; --ambient-edge: #8f6656; --ambient-button: #c8876d;
}

html[data-classic-palette="ambient-46"] {
  --accent: #d7a286; --accent-rgb: 215, 162, 134; --accent-strong: #daad95; --accent-dark: #071014;
  --accent-soft: rgba(215, 162, 134, 0.13); --blue: #d7a286; --blue-bright: #daad95; --cyan: #bd9b83; --cyan-rgb: 189, 155, 131;
  --ambient-soft: #61524b; --ambient-edge: #9a7967; --ambient-button: #d7a286;
}

html[data-classic-palette="ambient-47"] {
  --accent: #bc7c68; --accent-rgb: 188, 124, 104; --accent-strong: #c38d7c; --accent-dark: #071014;
  --accent-soft: rgba(188, 124, 104, 0.13); --blue: #bc7c68; --blue-bright: #c38d7c; --cyan: #ad8571; --cyan-rgb: 173, 133, 113;
  --ambient-soft: #55423e; --ambient-edge: #875e52; --ambient-button: #bc7c68;
}

html[data-classic-palette="ambient-48"] {
  --accent: #d69f82; --accent-rgb: 214, 159, 130; --accent-strong: #d9ab92; --accent-dark: #071014;
  --accent-soft: rgba(214, 159, 130, 0.13); --blue: #d69f82; --blue-bright: #d9ab92; --cyan: #bc9980; --cyan-rgb: 188, 153, 128;
  --ambient-soft: #605149; --ambient-edge: #997765; --ambient-button: #d69f82;
}

html[data-classic-palette="ambient-49"] {
  --accent: #d4a84f; --accent-rgb: 212, 168, 79; --accent-strong: #d8b366; --accent-dark: #071014;
  --accent-soft: rgba(212, 168, 79, 0.13); --blue: #d4a84f; --blue-bright: #d8b366; --cyan: #b7a168; --cyan-rgb: 183, 161, 104;
  --ambient-soft: #5f5434; --ambient-edge: #987d41; --ambient-button: #d4a84f;
}

html[data-classic-palette="ambient-50"] {
  --accent: #e2b85f; --accent-rgb: 226, 184, 95; --accent-strong: #e4c074; --accent-dark: #071014;
  --accent-soft: rgba(226, 184, 95, 0.13); --blue: #e2b85f; --blue-bright: #e4c074; --cyan: #c0ab71; --cyan-rgb: 192, 171, 113;
  --ambient-soft: #655b3a; --ambient-edge: #a2884c; --ambient-button: #e2b85f;
}

html[data-classic-palette="amber"],
html[data-classic-palette="ambient-51"] {
  --accent: #c99a3d; --accent-rgb: 201, 154, 61; --accent-strong: #cea657; --accent-dark: #071014;
  --accent-soft: rgba(201, 154, 61, 0.13); --blue: #c99a3d; --blue-bright: #cea657; --cyan: #b1995d; --cyan-rgb: 177, 153, 93;
  --ambient-soft: #5b4f2c; --ambient-edge: #907334; --ambient-button: #c99a3d;
}

html[data-classic-palette="ambient-52"] {
  --accent: #e4c276; --accent-rgb: 228, 194, 118; --accent-strong: #e5c988; --accent-dark: #071014;
  --accent-soft: rgba(228, 194, 118, 0.13); --blue: #e4c276; --blue-bright: #e5c988; --cyan: #c1b07e; --cyan-rgb: 193, 176, 126;
  --ambient-soft: #665f44; --ambient-edge: #a38f5c; --ambient-button: #e4c276;
}

html[data-classic-palette="ambient-53"] {
  --accent: #c7a45a; --accent-rgb: 199, 164, 90; --accent-strong: #ccaf70; --accent-dark: #071014;
  --accent-soft: rgba(199, 164, 90, 0.13); --blue: #c7a45a; --blue-bright: #ccaf70; --cyan: #b09f6e; --cyan-rgb: 176, 159, 110;
  --ambient-soft: #5a5338; --ambient-edge: #8f7a49; --ambient-button: #c7a45a;
}

html[data-classic-palette="ambient-54"] {
  --accent: #d9b461; --accent-rgb: 217, 180, 97; --accent-strong: #dcbd76; --accent-dark: #071014;
  --accent-soft: rgba(217, 180, 97, 0.13); --blue: #d9b461; --blue-bright: #dcbd76; --cyan: #baa872; --cyan-rgb: 186, 168, 114;
  --ambient-soft: #625a3b; --ambient-edge: #9b854e; --ambient-button: #d9b461;
}

html[data-classic-palette="ambient-55"] {
  --accent: #bfa05a; --accent-rgb: 191, 160, 90; --accent-strong: #c6ac70; --accent-dark: #071014;
  --accent-soft: rgba(191, 160, 90, 0.13); --blue: #bfa05a; --blue-bright: #c6ac70; --cyan: #ab9d6e; --cyan-rgb: 171, 157, 110;
  --ambient-soft: #575138; --ambient-edge: #897749; --ambient-button: #bfa05a;
}

html[data-classic-palette="ambient-56"] {
  --accent: #e1be63; --accent-rgb: 225, 190, 99; --accent-strong: #e3c577; --accent-dark: #071014;
  --accent-soft: rgba(225, 190, 99, 0.13); --blue: #e1be63; --blue-bright: #e3c577; --cyan: #bfae73; --cyan-rgb: 191, 174, 115;
  --ambient-soft: #655e3c; --ambient-edge: #a18c4f; --ambient-button: #e1be63;
}

html[data-classic-palette="ambient-57"] {
  --accent: #8fa6b8; --accent-rgb: 143, 166, 184; --accent-strong: #9cb1c0; --accent-dark: #071014;
  --accent-soft: rgba(143, 166, 184, 0.13); --blue: #8fa6b8; --blue-bright: #9cb1c0; --cyan: #8ca1ad; --cyan-rgb: 140, 161, 173;
  --ambient-soft: #425460; --ambient-edge: #677b8a; --ambient-button: #8fa6b8;
}

html[data-classic-palette="ambient-58"] {
  --accent: #9bacba; --accent-rgb: 155, 172, 186; --accent-strong: #a7b6c2; --accent-dark: #071014;
  --accent-soft: rgba(155, 172, 186, 0.13); --blue: #9bacba; --blue-bright: #a7b6c2; --cyan: #93a4ae; --cyan-rgb: 147, 164, 174;
  --ambient-soft: #475661; --ambient-edge: #70808c; --ambient-button: #9bacba;
}

html[data-classic-palette="ambient-59"] {
  --accent: #7f9db4; --accent-rgb: 127, 157, 180; --accent-strong: #8fa9bd; --accent-dark: #071014;
  --accent-soft: rgba(127, 157, 180, 0.13); --blue: #7f9db4; --blue-bright: #8fa9bd; --cyan: #839baa; --cyan-rgb: 131, 155, 170;
  --ambient-soft: #3c505e; --ambient-edge: #5c7588; --ambient-button: #7f9db4;
}

html[data-classic-palette="ambient-60"] {
  --accent: #a5b2bf; --accent-rgb: 165, 178, 191; --accent-strong: #afbbc6; --accent-dark: #071014;
  --accent-soft: rgba(165, 178, 191, 0.13); --blue: #a5b2bf; --blue-bright: #afbbc6; --cyan: #99a8b1; --cyan-rgb: 153, 168, 177;
  --ambient-soft: #4c5963; --ambient-edge: #77848f; --ambient-button: #a5b2bf;
}

html[data-classic-palette="ambient-61"] {
  --accent: #8798a8; --accent-rgb: 135, 152, 168; --accent-strong: #95a5b3; --accent-dark: #071014;
  --accent-soft: rgba(135, 152, 168, 0.13); --blue: #8798a8; --blue-bright: #95a5b3; --cyan: #8898a3; --cyan-rgb: 136, 152, 163;
  --ambient-soft: #3f4e59; --ambient-edge: #62727f; --ambient-button: #8798a8;
}

html[data-classic-palette="ambient-62"] {
  --accent: #aab4bc; --accent-rgb: 170, 180, 188; --accent-strong: #b4bdc4; --accent-dark: #071014;
  --accent-soft: rgba(170, 180, 188, 0.13); --blue: #aab4bc; --blue-bright: #b4bdc4; --cyan: #9ca9af; --cyan-rgb: 156, 169, 175;
  --ambient-soft: #4e5a62; --ambient-edge: #7a858d; --ambient-button: #aab4bc;
}

html[data-classic-palette="ambient-63"] {
  --accent: #81919e; --accent-rgb: 129, 145, 158; --accent-strong: #909faa; --accent-dark: #071014;
  --accent-soft: rgba(129, 145, 158, 0.13); --blue: #81919e; --blue-bright: #909faa; --cyan: #84949e; --cyan-rgb: 132, 148, 158;
  --ambient-soft: #3d4b55; --ambient-edge: #5e6d78; --ambient-button: #81919e;
}

html[data-classic-palette="ambient-64"] {
  --accent: #b2bec8; --accent-rgb: 178, 190, 200; --accent-strong: #bac5ce; --accent-dark: #071014;
  --accent-soft: rgba(178, 190, 200, 0.13); --blue: #b2bec8; --blue-bright: #bac5ce; --cyan: #a1aeb6; --cyan-rgb: 161, 174, 182;
  --ambient-soft: #515e67; --ambient-edge: #808c96; --ambient-button: #b2bec8;
}

/*
 * The palette is a skin, not business meaning. Keep semantic text, data and
 * actions stable; feed the selected color only into backgrounds and glass UI.
 */
html[data-site-theme="classic"]:is([data-classic-palette^="ambient-"], [data-classic-palette="lime"], [data-classic-palette="ocean"], [data-classic-palette="violet"], [data-classic-palette="amber"]) {
  --accent: #b9ff46;
  --accent-rgb: 185, 255, 70;
  --accent-strong: #d3ff8c;
  --accent-dark: #101b08;
  --accent-soft: rgba(185, 255, 70, 0.13);
  --blue: #0a84ff;
  --blue-bright: #64d2ff;
  --cyan: #3fe8d5;
  --cyan-rgb: 63, 232, 213;
  --background: color-mix(in srgb, #d8efff var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft) 10%, #0e202a));
  --canvas: color-mix(in srgb, #d8efff var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft) 10%, #0e202a));
  --canvas-soft: color-mix(in srgb, #d8efff var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft) 14%, #17303b));
  --panel: color-mix(in srgb, rgb(210 239 252 / var(--ui-tune-panel-alpha, 0.60)) var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft) 12%, rgb(25 51 63 / var(--ui-tune-panel-alpha, 0.60))));
  --panel-solid: color-mix(in srgb, #d8efff var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft) 10%, #193640));
  --panel-raised: color-mix(in srgb, rgb(214 241 252 / var(--ui-tune-panel-strong-alpha, 0.66)) var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft) 12%, rgb(36 69 82 / var(--ui-tune-panel-strong-alpha, 0.66))));
  --surface: color-mix(in srgb, rgb(207 237 250 / var(--ui-tune-surface-alpha, 0.53)) var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft) 10%, rgb(22 48 59 / var(--ui-tune-surface-alpha, 0.53))));
  --surface-raised: color-mix(in srgb, rgb(214 241 252 / var(--ui-tune-surface-strong-alpha, 0.60)) var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft) 12%, rgb(39 69 82 / var(--ui-tune-surface-strong-alpha, 0.60))));
  --surface-soft: color-mix(in srgb, rgb(210 239 250 / var(--ui-tune-surface-alpha, 0.56)) var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft) 14%, rgb(48 80 93 / var(--ui-tune-surface-alpha, 0.56))));
  --card-surface: linear-gradient(145deg, color-mix(in srgb, rgb(214 241 252 / var(--ui-tune-card-strong-alpha, var(--ui-tune-surface-strong-alpha, 0.60))) var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft) 12%, rgb(37 70 84 / var(--ui-tune-card-strong-alpha, var(--ui-tune-surface-strong-alpha, 0.60))))), color-mix(in srgb, rgb(204 235 248 / var(--ui-tune-card-alpha, var(--ui-tune-panel-alpha, 0.58))) var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-edge) 7%, rgb(9 31 42 / var(--ui-tune-card-alpha, var(--ui-tune-panel-alpha, 0.58))))));
  --classic-atmosphere-a: color-mix(in srgb, var(--ambient-soft) 4%, rgb(8 24 31 / var(--ui-tune-atmosphere-a, 0.30)));
  --classic-atmosphere-b: color-mix(in srgb, var(--ambient-soft) 2%, rgb(12 31 39 / var(--ui-tune-atmosphere-b, 0.20)));
  --classic-atmosphere-c: color-mix(in srgb, var(--ambient-button) 4%, rgb(18 39 48 / var(--ui-tune-atmosphere-c, 0.10)));
  --classic-sidebar-surface: linear-gradient(165deg, color-mix(in srgb, var(--ambient-soft) 18%, rgb(31 65 78 / var(--ui-tune-sidebar-alpha, 0.72))), color-mix(in srgb, var(--ambient-edge) 10%, rgb(8 29 40 / var(--ui-tune-sidebar-alpha, 0.72))));
}

html[data-classic-palette="lime"] {
  --ambient-soft: #263d1d;
  --ambient-edge: #60842c;
  --ambient-button: #b9ff46;
}

html[data-site-theme="classic"]:is([data-classic-palette^="ambient-"], [data-classic-palette="lime"], [data-classic-palette="ocean"], [data-classic-palette="violet"], [data-classic-palette="amber"])::before {
  background:
    linear-gradient(color-mix(in srgb, rgb(0 0 0 / var(--ui-tune-shade-alpha, 0.13)) 62%, transparent), color-mix(in srgb, rgb(0 0 0 / var(--ui-tune-shade-alpha, 0.13)) 62%, transparent)),
    linear-gradient(90deg, var(--classic-atmosphere-a), var(--classic-atmosphere-b) 48%, var(--classic-atmosphere-c)),
    linear-gradient(180deg, rgba(4, 14, 18, 0.04), rgba(4, 16, 21, 0.14)),
    var(--site-background-image) 70% center / cover no-repeat,
    var(--background);
}

html[data-site-theme="classic"]:is([data-classic-palette^="ambient-"], [data-classic-palette="lime"], [data-classic-palette="ocean"], [data-classic-palette="violet"], [data-classic-palette="amber"]) :is(.sidebar, .admin-sidebar) {
  border-color: color-mix(in srgb, var(--ambient-edge) 36%, transparent);
}

html[data-site-theme="glass"] {
  --text: #f5f5f7;
  --copy: #f5f5f7;
  --ink: #f5f5f7;
  --muted: #bbc7d4;
  --muted-strong: #e1e8f0;
  --subtle: #a7b4c2;
  --accent: #0a84ff;
  --accent-rgb: 10, 132, 255;
  --accent-strong: #64d2ff;
  --accent-dark: #041426;
  --accent-soft: rgba(10, 132, 255, 0.17);
  --blue: #0a84ff;
  --blue-bright: #64d2ff;
  --cyan: #5ac8fa;
  --cyan-rgb: 90, 200, 250;
  --background: color-mix(in srgb, #d8efff var(--ui-tune-lift-percent, 9%), #07131d);
  --canvas: color-mix(in srgb, #d8efff var(--ui-tune-lift-percent, 9%), #07131d);
  --canvas-soft: color-mix(in srgb, #d8efff var(--ui-tune-lift-percent, 9%), #10202c);
  --surface: color-mix(in srgb, rgb(210 239 252 / var(--ui-tune-surface-alpha, 0.48)) var(--ui-tune-lift-percent, 9%), rgb(30 62 82 / var(--ui-tune-surface-alpha, 0.48)));
  --surface-raised: color-mix(in srgb, rgb(214 241 252 / var(--ui-tune-surface-strong-alpha, 0.59)) var(--ui-tune-lift-percent, 9%), rgb(49 82 102 / var(--ui-tune-surface-strong-alpha, 0.59)));
  --surface-soft: color-mix(in srgb, rgb(210 239 250 / var(--ui-tune-surface-alpha, 0.48)) var(--ui-tune-lift-percent, 9%), rgb(54 88 108 / var(--ui-tune-surface-alpha, 0.48)));
  --panel: color-mix(in srgb, rgb(210 239 252 / var(--ui-tune-panel-alpha, 0.56)) var(--ui-tune-lift-percent, 9%), rgb(30 63 83 / var(--ui-tune-panel-alpha, 0.56)));
  --panel-raised: color-mix(in srgb, rgb(214 241 252 / var(--ui-tune-panel-strong-alpha, 0.65)) var(--ui-tune-lift-percent, 9%), rgb(50 84 103 / var(--ui-tune-panel-strong-alpha, 0.65)));
  --card-surface: linear-gradient(145deg, color-mix(in srgb, rgb(218 242 252 / var(--ui-tune-card-strong-alpha, var(--ui-tune-surface-strong-alpha, 0.59))) var(--ui-tune-lift-percent, 9%), rgb(75 113 139 / var(--ui-tune-card-strong-alpha, var(--ui-tune-surface-strong-alpha, 0.59)))), color-mix(in srgb, rgb(204 235 248 / var(--ui-tune-card-alpha, var(--ui-tune-panel-alpha, 0.56))) var(--ui-tune-lift-percent, 9%), rgb(8 32 49 / var(--ui-tune-card-alpha, var(--ui-tune-panel-alpha, 0.56)))));
  --glass-border: rgb(224 244 255 / var(--ui-tune-border-alpha, 0.22));
  --glass-surface:
    linear-gradient(112deg, rgb(255 255 255 / var(--ui-tune-highlight-alpha, 0.14)) 0%, rgb(210 238 255 / var(--ui-tune-highlight-soft-alpha, 0.08)) 23%, transparent 46%),
    radial-gradient(ellipse at 18% -10%, color-mix(in srgb, var(--ambient-button, #0a84ff) 20%, rgba(225, 247, 255, 0.15)), transparent 48%),
    linear-gradient(145deg, color-mix(in srgb, rgb(216 242 255 / var(--ui-tune-panel-alpha, 0.56)) var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft, #345b76) 18%, rgb(52 91 119 / var(--ui-tune-panel-alpha, 0.56)))), color-mix(in srgb, rgb(205 236 250 / var(--ui-tune-panel-strong-alpha, 0.65)) var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-edge, #5a7894) 12%, rgb(7 31 50 / var(--ui-tune-panel-strong-alpha, 0.65)))));
  --glass-surface-soft:
    linear-gradient(112deg, rgb(255 255 255 / var(--ui-tune-highlight-soft-alpha, 0.08)) 0%, rgba(206, 236, 255, 0.035) 24%, transparent 47%),
    radial-gradient(ellipse at 18% -12%, color-mix(in srgb, var(--ambient-button, #0a84ff) 16%, rgba(225, 247, 255, 0.1)), transparent 50%),
    linear-gradient(145deg, color-mix(in srgb, rgb(212 240 252 / var(--ui-tune-surface-alpha, 0.48)) var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-soft, #345b76) 18%, rgb(52 91 119 / var(--ui-tune-surface-alpha, 0.48)))), color-mix(in srgb, rgb(202 234 248 / var(--ui-tune-panel-alpha, 0.56)) var(--ui-tune-lift-percent, 9%), color-mix(in srgb, var(--ambient-edge, #5a7894) 10%, rgb(7 31 50 / var(--ui-tune-panel-alpha, 0.56)))));
  --glass-sidebar-surface:
    linear-gradient(112deg, rgba(255, 255, 255, 0.1) 0%, rgba(207, 235, 255, 0.025) 22%, transparent 43%),
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--ambient-button, #7896b8) 22%, rgba(164, 225, 255, 0.18)), transparent 37%),
    linear-gradient(165deg, color-mix(in srgb, var(--ambient-soft, #345b76) 27%, rgb(42 82 108 / var(--ui-tune-sidebar-alpha, 0.68))), color-mix(in srgb, var(--ambient-edge, #5a7894) 14%, rgb(6 31 51 / var(--ui-tune-sidebar-alpha, 0.68))));
}

html[data-site-theme="glass"]::before {
  background:
    linear-gradient(color-mix(in srgb, rgb(0 0 0 / var(--ui-tune-shade-alpha, 0.13)) 62%, transparent), color-mix(in srgb, rgb(0 0 0 / var(--ui-tune-shade-alpha, 0.13)) 62%, transparent)),
    radial-gradient(circle at 18% 4%, color-mix(in srgb, var(--ambient-button, #7896b8) 18%, transparent), transparent 32rem),
    radial-gradient(circle at 90% 9%, color-mix(in srgb, var(--ambient-edge, #566e87) 12%, transparent), transparent 34rem),
    linear-gradient(115deg, color-mix(in srgb, var(--ambient-soft, #37495a) 18%, rgba(3, 12, 22, 0.46)), rgba(7, 20, 32, 0.2) 56%, color-mix(in srgb, var(--ambient-edge, #566e87) 14%, rgba(5, 13, 22, 0.4))),
    var(--site-background-image, url('/backgrounds/background-01.webp?v=2.7.21')) 70% center / cover no-repeat,
    #071112;
}

html[data-site-theme="glass"] :is(.sidebar, .admin-sidebar) {
  border-color: var(--glass-border);
  background: var(--glass-sidebar-surface);
}

html[data-site-theme] body.home-page .summary-card,
html[data-site-theme] body.admin-page :is(.summary-card, .scheduler-overview, .scheduler-metric, .batch-card, .backup-card, .account-admin-row, .proxy-card, .failure-summary-card, .visitor-summary-card, .settings-tool-card) {
  background: var(--card-surface);
}

@media (max-width: 900px) {
  html[data-site-theme="classic"]:is([data-classic-palette^="ambient-"], [data-classic-palette="lime"], [data-classic-palette="ocean"], [data-classic-palette="violet"], [data-classic-palette="amber"]) :is(.sidebar, .admin-sidebar) {
    background-color: #07191c;
  }

  html[data-site-theme="glass"] :is(.sidebar, .admin-sidebar) {
    background-color: #07131d;
  }
}

html[data-site-theme] {
  --text: #f7f9fc;
  --copy: #f7f9fc;
  --ink: #f7f9fc;
  --content-primary: #f7f9fc;
  --content-secondary: #dbe3ec;
  --content-tertiary: #bdc9d5;
  --muted: #bbc7d4;
  --muted-strong: #e1e8f0;
  --subtle: #a7b4c2;
}

html[data-site-theme] :is(.trend-axis-label, .home-live-trend-axis-label, .home-daily-timeline-axis-label, .history-axis-label, .viewer-axis-label, .node-health-axis-label, .business-axis-date, .business-axis-row) {
  color: #c5d1dc !important;
  fill: #c5d1dc !important;
}

html[data-site-theme] .page-header-contact-button > span {
  color: #062238 !important;
  background: #64d2ff !important;
}

html[data-site-theme] .page-header-feedback-button > span {
  color: #05221f !important;
  background: #63e6be !important;
}
