/* Тема «Север»: общий фон чата и облака. «Текущая» — это стили без этого атрибута. */
html[data-husky-theme="north"] {
    color-scheme: dark;
    background: #10151e;
}

html[data-husky-theme="north"] body,
html[data-husky-theme="north"] body.cloud-shell {
    color: #e8eef8;
    background-color: #10151e;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='168' viewBox='0 0 168 168'%3E%3Cg fill='none' stroke='%23d5e2f5' stroke-width='1.1' opacity='.28'%3E%3Cpath d='M22 28l5 5-5 5-5-5z'/%3E%3Ccircle cx='104' cy='36' r='3.2'/%3E%3Cpath d='M138 98h9M142.5 93.5v9'/%3E%3Ccircle cx='48' cy='122' r='2.2'/%3E%3Cpath d='M116 142l4 6-4 6-4-6z'/%3E%3Cpath d='M70 78l3 3-3 3-3-3z'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(165deg, #0d1526 0%, #1a2942 36%, #3c4658 68%, #141820 100%);
    background-size: 168px 168px, 100% 100%;
    background-attachment: fixed, fixed;
    background-position: 0 0, 0 0;
    animation: none;
}

html[data-husky-theme="north"] .site-header-fixed,
html[data-husky-theme="north"] body.cloud-shell .site-header-fixed {
    color: #f4f7ff;
    background: rgba(12, 18, 30, 0.72);
    border-bottom: 1px solid rgba(198, 214, 238, 0.16);
}

html[data-husky-theme="north"] .header-right-icons .header-icon-link,
html[data-husky-theme="north"] .site-title-header a {
    color: #dbe6f8;
}

html[data-husky-theme="north"] .site-header-fixed .menu-icon span {
    background: #dbe6f8;
}

html[data-husky-theme="north"] .header-right-icons .header-icon-link:hover,
html[data-husky-theme="north"] .site-title-header a:hover {
    color: #fff;
}

html[data-husky-theme="north"] .sliding-menu {
    color: #e8eef8;
    background: rgba(12, 18, 30, 0.78);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

html[data-husky-theme="north"] .sliding-menu a,
html[data-husky-theme="north"] .chat-input,
html[data-husky-theme="north"] .chat-input::placeholder {
    color: #e8eef8;
}

html[data-husky-theme="north"] .chat-input::placeholder {
    color: rgba(216, 226, 242, 0.62);
}

html[data-husky-theme="north"] body.cloud-shell {
    --text: #eef3fb;
    --muted: rgba(232, 238, 248, 0.72);
    --accent: #b7cbf2;
    --line: rgba(210, 222, 240, 0.18);
}

html[data-husky-theme="north"] body.cloud-shell .columns,
html[data-husky-theme="north"] body.cloud-shell .columns span,
html[data-husky-theme="north"] body.cloud-shell .kind-label,
html[data-husky-theme="north"] body.cloud-shell .title-line b,
html[data-husky-theme="north"] body.cloud-shell .side-nav a {
    color: #eef3fb;
}

html[data-husky-theme="north"] .apps-launcher {
    color: #eef3fb;
    background: linear-gradient(165deg, rgba(22, 32, 48, 0.96), rgba(12, 16, 24, 0.97));
    border-color: rgba(190, 208, 232, 0.28);
}

/* Тема «Схема»: тёмно-синий фон, синий акцент, мелкие дорожки как на плате. */
html[data-husky-theme="circuit"] {
    color-scheme: dark;
    background: #07111f;
}

html[data-husky-theme="circuit"] body,
html[data-husky-theme="circuit"] body.cloud-shell {
    color: #eaf2ff;
    background-color: #07111f;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%237ec4ff' stroke-width='1.15' opacity='.55'%3E%3Cpath d='M16 34h30M46 34v20M46 54h16'/%3E%3Crect x='92' y='22' width='24' height='14' rx='1.6'/%3E%3Cpath d='M104 36v18M104 54h22'/%3E%3Cpath d='M24 112h18v16h20'/%3E%3Crect x='62' y='118' width='20' height='12' rx='1.4'/%3E%3Cpath d='M118 92v30M118 122h28'/%3E%3Cpath d='M148 26h14M162 26v16'/%3E%3C/g%3E%3Cg fill='%237ec4ff' opacity='.7'%3E%3Ccircle cx='62' cy='54' r='2.2'/%3E%3Ccircle cx='126' cy='54' r='2'/%3E%3Ccircle cx='146' cy='122' r='2.2'/%3E%3Ccircle cx='34' cy='156' r='1.6'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(rgba(90, 160, 255, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(90, 160, 255, 0.07) 1px, transparent 1px),
        linear-gradient(158deg, #050914 0%, #0a1c3d 30%, #0d4f98 58%, #10243f 78%, #070d18 100%);
    background-size: 180px 180px, 28px 28px, 28px 28px, 100% 100%;
    background-attachment: fixed, fixed, fixed, fixed;
    background-position: 0 0, 0 0, 0 0, 0 0;
    animation: none;
}

html[data-husky-theme="circuit"] .site-header-fixed,
html[data-husky-theme="circuit"] body.cloud-shell .site-header-fixed {
    color: #f3f8ff;
    background: rgba(6, 16, 36, 0.78);
    border-bottom: 1px solid rgba(110, 182, 255, 0.32);
}

html[data-husky-theme="circuit"] .header-right-icons .header-icon-link,
html[data-husky-theme="circuit"] .site-title-header a {
    color: #d7e8ff;
}

html[data-husky-theme="circuit"] .site-header-fixed .menu-icon span {
    background: #d7e8ff;
}

html[data-husky-theme="circuit"] .header-right-icons .header-icon-link:hover,
html[data-husky-theme="circuit"] .site-title-header a:hover {
    color: #9fd0ff;
}

html[data-husky-theme="circuit"] .sliding-menu {
    color: #eaf2ff;
    background: rgba(6, 18, 40, 0.82);
    border-right: 1px solid rgba(110, 182, 255, 0.22);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

html[data-husky-theme="circuit"] .sliding-menu a,
html[data-husky-theme="circuit"] .chat-input,
html[data-husky-theme="circuit"] .chat-input::placeholder {
    color: #eaf2ff;
}

html[data-husky-theme="circuit"] .chat-input::placeholder {
    color: rgba(190, 214, 245, 0.62);
}

html[data-husky-theme="circuit"] body.cloud-shell {
    --text: #eef5ff;
    --muted: rgba(214, 228, 255, 0.74);
    --accent: #8ec4ff;
    --line: rgba(126, 184, 255, 0.24);
}

html[data-husky-theme="circuit"] body.cloud-shell .columns,
html[data-husky-theme="circuit"] body.cloud-shell .columns span,
html[data-husky-theme="circuit"] body.cloud-shell .kind-label,
html[data-husky-theme="circuit"] body.cloud-shell .title-line b,
html[data-husky-theme="circuit"] body.cloud-shell .side-nav a {
    color: #eef5ff;
}

html[data-husky-theme="circuit"] .apps-launcher {
    color: #eef5ff;
    background: linear-gradient(165deg, rgba(10, 32, 64, 0.96), rgba(6, 12, 24, 0.97));
    border-color: rgba(126, 184, 255, 0.34);
}