/* ГЕНЕРИРАН файл — не се редактира на ръка. Източник: tools/build-palettes.py (python3 tools/build-palettes.py).
 * Цветови гами „Море“ (sea) и „Мъгла“ (mist), светла и тъмна: <html data-palette="sea|mist" data-theme="light|dark">.
 * Без data-palette сайтът си остава със сегашните цветове. */
:root[data-theme="light"][data-palette="sea"] {
  --bg: #ECF4F3;
  --surface: #FFFFFF;
  --surface-light: #F3F9F8;
  --white: #17363A;
  --white-soft: #31504F;
  --muted: #5E7A7B;
  --border: rgba(23, 54, 58, 0.12);
  --yellow: #2B7A82;
  --yellow-dark: #1F6168;
  --yellow-glow: rgba(43, 122, 130, 0.16);
  --accent-rgb: 43, 122, 130;
  --on-accent: #FFFFFF;
  --success: #4F9672;
  --success-rgb: 79, 150, 114;
  --on-success: #FFFFFF;
  --success-bg: rgba(79, 150, 114, 0.14);
  --error: #C0463C;
  --error-bg: rgba(192, 70, 60, 0.12);
  --plate-blue: #3B7FA8;
  --plate-yellow: #D6A63F;
  --plate-red: #C86A5E;
  --plate-green: #4F9672;
  --overlay-rgb: 23, 54, 58;
  --surface-rgb: 255, 255, 255;
  --gx-bg: #ECF4F3;
  --gx-card: #FFFFFF;
  --gx-card2: #F3F9F8;
  --gx-card3: #D8E8E6;
  --gx-line: #D8E8E6;
  --gx-line2: #BFD8D5;
  --gx-line3: #BFD8D5;
  --gx-line4: #5E7A7B;
  --gx-text: #17363A;
  --gx-text2: #31504F;
  --gx-muted: #5E7A7B;
  --gx-muted2: #5E7A7B;
  --gx-btn: #2B7A82;
  --gx-ink: #FFFFFF;
  --gx-green: #4F9672;
  --gx-green-rgb: 79, 150, 114;
  --gx-white: #17363A;
  --gx-btn-hover: #1F6168;
  --gx-ov: 23, 54, 58;
  --gx-bg-rgb: 236, 244, 243;
  --gx-card-rgb: 255, 255, 255;
  --gx-dim: #5E7A7B;
  --gx-side: #F3F9F8;
  --gx-deep: #D8E8E6;
  --sm-bg: #ECF4F3;
  --sm-s1: #F3F9F8;
  --sm-s2: #D8E8E6;
  --sm-s3: #BFD8D5;
  --sm-line: #D8E8E6;
  --sm-tx: #17363A;
  --sm-tx2: #31504F;
  --sm-tx3: #5E7A7B;
  --sm-mine: #2B7A82;
  --sm-mine-tx: #FFFFFF;
  --sm-green: #4F9672;
  --sm-orange: #C9824A;
  --sm-teal: #2B7A82;
  --sm-ring-off: #BFD8D5;
  --hm-bg: #ECF4F3;
  --hm-card: #FFFFFF;
  --hm-line: #D8E8E6;
  --hm-text: #17363A;
  --hm-t2: #31504F;
  --hm-t3: #5E7A7B;
  --hm-day-l: #5E7A7B;
  --hm-ring: #BFD8D5;
  --hm-btn: #2B7A82;
  --hm-btn-ink: #FFFFFF;
  --hm-chip: #D8E8E6;
  --hm-icbox: #ECF4F3;
  --hm-fat: #4F9672;
  --hm-carb: #2B7A82;
  --hm-protein: #C9824A;
  --hm-over: #C0463C;
  --hm-nav: #FFFFFF;
  --hm-nav-off: #5E7A7B;
  --hm-nav-line: #D8E8E6;
  --chat-in: #D8E8E6;
  --chat-in-text: #17363A;
  --chat-own: #2B7A82;
  --chat-own-text: #FFFFFF;
  --chat-field: #FFFFFF;
  --chat-field-line: rgba(23, 54, 58, 0.22);
}
:root[data-theme="light"][data-palette="sea"] body.velora-soft-dark {
  --bg: #ECF4F3;
  --surface: #FFFFFF;
  --surface-light: #F3F9F8;
  --surface-rgb: 255, 255, 255;
}
:root[data-theme="light"][data-palette="sea"] .nx-list, :root[data-theme="light"][data-palette="sea"] .nx-edit {
  --nx-bg: #ECF4F3;
  --nx-card: #FFFFFF;
  --nx-in: #F3F9F8;
  --nx-in2: #D8E8E6;
  --nx-line: #D8E8E6;
  --nx-dock: #FFFFFF;
  --nx-tx: #17363A;
  --nx-tx2: #31504F;
  --nx-tx3: #5E7A7B;
  --nx-acc: #2B7A82;
  --nx-acc-tx: #1F6168;
  --nx-acc-on: #FFFFFF;
  --nx-green: #4F9672;
  --nx-teal: #2B7A82;
  --nx-orange: #C9824A;
  --nx-ring: #BFD8D5;
  --nx-chip-on: #17363A;
  --nx-chip-on-tx: #ECF4F3;
  --nx-badge: #ECF4F3;
}
:root[data-theme="light"][data-palette="sea"] body { background-color: var(--bg); background-image: none; }
:root[data-theme="light"][data-palette="sea"] .mobile-bottom-nav { background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(243, 249, 248, 0.94)); border-color: rgba(23, 54, 58, 0.12); box-shadow: 0 14px 30px -12px rgba(23, 54, 58, 0.28); }
:root[data-theme="light"][data-palette="sea"] .mobile-bottom-nav-link { color: var(--muted); }
:root[data-theme="light"][data-palette="sea"] .mobile-bottom-nav-link-active { color: var(--yellow); }
:root[data-theme="light"][data-palette="sea"] .mobile-bottom-nav-capsule { background: rgba(var(--accent-rgb), 0.12); box-shadow: none; }
:root[data-theme="light"][data-palette="sea"] .hw-ring-tick { stroke: #BFD8D5; }
:root[data-theme="light"][data-palette="sea"] .hw-ring-track { stroke: #D8E8E6; }
:root[data-theme="light"][data-palette="sea"] .hw-arc[stroke="#6CBE8A"] { stroke: #2B7A82; }
:root[data-theme="light"][data-palette="sea"] .hw-arc[stroke="#54A8A0"] { stroke: #2B7A82; }
:root[data-theme="light"][data-palette="sea"] .hw-arc[stroke="#F0A876"] { stroke: #C9824A; }
:root[data-theme="light"][data-palette="sea"] .hw-knob { fill: #FFFFFF; stroke: #17363A; }
:root[data-theme="light"][data-palette="sea"] .hw-streak { background: rgba(201, 130, 74, 0.12); border-color: rgba(201, 130, 74, 0.4); color: #9A5A24; }
:root[data-theme="light"][data-palette="sea"] .hw-streak svg { fill: #C9824A; }
:root[data-theme="light"][data-palette="sea"] { --nt-blue: #2B7A82; --nt-blue-soft: #2B7A82; }
:root[data-theme="light"][data-palette="sea"] .nw-chip.is-on, :root[data-theme="light"][data-palette="sea"] .nw-newfolder button, :root[data-theme="light"][data-palette="sea"] .nw-btn, :root[data-theme="light"][data-palette="sea"] .nw-folder.is-on { background: var(--yellow); color: var(--on-accent) !important; }
:root[data-theme="light"][data-palette="sea"] .nw-article .nt-editor ul.nt-check > li[data-done="1"]::before { background: var(--yellow); border-color: var(--yellow); }

:root[data-theme="dark"][data-palette="sea"] {
  --bg: #0F1F20;
  --surface: #162B2C;
  --surface-light: #1D3638;
  --white: #E4F1EF;
  --white-soft: #BDD5D2;
  --muted: #8FB0AD;
  --border: rgba(228, 241, 239, 0.12);
  --yellow: #6CC0C6;
  --yellow-dark: #55A9B0;
  --yellow-glow: rgba(108, 192, 198, 0.16);
  --accent-rgb: 108, 192, 198;
  --on-accent: #0B2326;
  --success: #6FBF98;
  --success-rgb: 111, 191, 152;
  --on-success: #0B2326;
  --success-bg: rgba(111, 191, 152, 0.14);
  --error: #E5877B;
  --error-bg: rgba(229, 135, 123, 0.12);
  --plate-blue: #5AA2D6;
  --plate-yellow: #E0B14F;
  --plate-red: #E0786C;
  --plate-green: #6FBF98;
  --overlay-rgb: 228, 241, 239;
  --surface-rgb: 22, 43, 44;
  --gx-bg: #0F1F20;
  --gx-card: #162B2C;
  --gx-card2: #1D3638;
  --gx-card3: #254244;
  --gx-line: #254244;
  --gx-line2: #315456;
  --gx-line3: #315456;
  --gx-line4: #8FB0AD;
  --gx-text: #E4F1EF;
  --gx-text2: #BDD5D2;
  --gx-muted: #8FB0AD;
  --gx-muted2: #8FB0AD;
  --gx-btn: #6CC0C6;
  --gx-ink: #0B2326;
  --gx-green: #6FBF98;
  --gx-green-rgb: 111, 191, 152;
  --gx-white: #FFFFFF;
  --gx-btn-hover: #55A9B0;
  --gx-ov: 228, 241, 239;
  --gx-bg-rgb: 15, 31, 32;
  --gx-card-rgb: 22, 43, 44;
  --gx-dim: #8FB0AD;
  --gx-side: #1D3638;
  --gx-deep: #254244;
  --sm-bg: #0F1F20;
  --sm-s1: #1D3638;
  --sm-s2: #254244;
  --sm-s3: #315456;
  --sm-line: #254244;
  --sm-tx: #E4F1EF;
  --sm-tx2: #8FB0AD;
  --sm-tx3: #8FB0AD;
  --sm-mine: #6CC0C6;
  --sm-mine-tx: #0B2326;
  --sm-green: #6FBF98;
  --sm-orange: #E8A06A;
  --sm-teal: #6CC0C6;
  --sm-ring-off: #315456;
  --hm-bg: #0F1F20;
  --hm-card: #162B2C;
  --hm-line: #254244;
  --hm-text: #E4F1EF;
  --hm-t2: #8FB0AD;
  --hm-t3: #8FB0AD;
  --hm-day-l: #8FB0AD;
  --hm-ring: #315456;
  --hm-btn: #6CC0C6;
  --hm-btn-ink: #0B2326;
  --hm-chip: #254244;
  --hm-icbox: #0F1F20;
  --hm-fat: #6FBF98;
  --hm-carb: #6CC0C6;
  --hm-protein: #E8A06A;
  --hm-over: #E5877B;
  --hm-nav: #162B2C;
  --hm-nav-off: #8FB0AD;
  --hm-nav-line: #254244;
  --chat-in: #1D3638;
  --chat-in-text: #E4F1EF;
  --chat-own: #6CC0C6;
  --chat-own-text: #0B2326;
  --chat-field: #162B2C;
  --chat-field-line: rgba(228, 241, 239, 0.22);
}
:root[data-theme="dark"][data-palette="sea"] body.velora-soft-dark {
  --bg: #0F1F20;
  --surface: #162B2C;
  --surface-light: #1D3638;
  --surface-rgb: 22, 43, 44;
}
:root[data-theme="dark"][data-palette="sea"] .nx-list, :root[data-theme="dark"][data-palette="sea"] .nx-edit {
  --nx-bg: #0F1F20;
  --nx-card: #162B2C;
  --nx-in: #1D3638;
  --nx-in2: #254244;
  --nx-line: #254244;
  --nx-dock: #162B2C;
  --nx-tx: #E4F1EF;
  --nx-tx2: #8FB0AD;
  --nx-tx3: #8FB0AD;
  --nx-acc: #6CC0C6;
  --nx-acc-tx: #6CC0C6;
  --nx-acc-on: #0B2326;
  --nx-green: #6FBF98;
  --nx-teal: #6CC0C6;
  --nx-orange: #E8A06A;
  --nx-ring: #315456;
  --nx-chip-on: #E4F1EF;
  --nx-chip-on-tx: #0F1F20;
  --nx-badge: #0F1F20;
}
:root[data-theme="dark"][data-palette="sea"] body { background-color: var(--bg); background-image: none; }
:root[data-theme="dark"][data-palette="sea"] .mobile-bottom-nav { background: linear-gradient(180deg, rgba(29, 54, 56, 0.78), rgba(22, 43, 44, 0.84)); border-color: rgba(228, 241, 239, 0.12); }
:root[data-theme="dark"][data-palette="sea"] .mobile-bottom-nav-link-active { color: var(--yellow); }
:root[data-theme="dark"][data-palette="sea"] .mobile-bottom-nav-capsule { background: rgba(var(--accent-rgb), 0.16); box-shadow: none; }
:root[data-theme="dark"][data-palette="sea"] .hw-ring-tick { stroke: #254244; }
:root[data-theme="dark"][data-palette="sea"] .hw-ring-track { stroke: #1D3638; }
:root[data-theme="dark"][data-palette="sea"] .hw-arc[stroke="#6CBE8A"] { stroke: #6CC0C6; }
:root[data-theme="dark"][data-palette="sea"] .hw-arc[stroke="#54A8A0"] { stroke: #6CC0C6; }
:root[data-theme="dark"][data-palette="sea"] .hw-arc[stroke="#F0A876"] { stroke: #E8A06A; }
:root[data-theme="dark"][data-palette="sea"] .hw-knob { fill: #162B2C; stroke: #315456; }
:root[data-theme="dark"][data-palette="sea"] .hw-streak { background: rgba(232, 160, 106, 0.12); border-color: rgba(232, 160, 106, 0.4); color: #E8A06A; }
:root[data-theme="dark"][data-palette="sea"] .hw-streak svg { fill: #E8A06A; }
:root[data-theme="dark"][data-palette="sea"] { --nt-blue: #6CC0C6; --nt-blue-soft: #6CC0C6; }
:root[data-theme="dark"][data-palette="sea"] .nw-chip.is-on, :root[data-theme="dark"][data-palette="sea"] .nw-newfolder button, :root[data-theme="dark"][data-palette="sea"] .nw-btn, :root[data-theme="dark"][data-palette="sea"] .nw-folder.is-on { background: var(--yellow); color: var(--on-accent) !important; }
:root[data-theme="dark"][data-palette="sea"] .nw-article .nt-editor ul.nt-check > li[data-done="1"]::before { background: var(--yellow); border-color: var(--yellow); }

:root[data-theme="light"][data-palette="mist"] {
  --bg: #F0F2F7;
  --surface: #FFFFFF;
  --surface-light: #F6F7FB;
  --white: #243050;
  --white-soft: #3F4B6B;
  --muted: #6C7590;
  --border: rgba(36, 48, 80, 0.12);
  --yellow: #5B6FA8;
  --yellow-dark: #475A91;
  --yellow-glow: rgba(91, 111, 168, 0.16);
  --accent-rgb: 91, 111, 168;
  --on-accent: #FFFFFF;
  --success: #4F9A84;
  --success-rgb: 79, 154, 132;
  --on-success: #FFFFFF;
  --success-bg: rgba(79, 154, 132, 0.14);
  --error: #C0463C;
  --error-bg: rgba(192, 70, 60, 0.12);
  --plate-blue: #5B6FA8;
  --plate-yellow: #D9A441;
  --plate-red: #C9605A;
  --plate-green: #4F9A84;
  --overlay-rgb: 36, 48, 80;
  --surface-rgb: 255, 255, 255;
  --gx-bg: #F0F2F7;
  --gx-card: #FFFFFF;
  --gx-card2: #F6F7FB;
  --gx-card3: #E1E5EF;
  --gx-line: #E1E5EF;
  --gx-line2: #CDD3E3;
  --gx-line3: #CDD3E3;
  --gx-line4: #6C7590;
  --gx-text: #243050;
  --gx-text2: #3F4B6B;
  --gx-muted: #6C7590;
  --gx-muted2: #6C7590;
  --gx-btn: #5B6FA8;
  --gx-ink: #FFFFFF;
  --gx-green: #4F9A84;
  --gx-green-rgb: 79, 154, 132;
  --gx-white: #243050;
  --gx-btn-hover: #475A91;
  --gx-ov: 36, 48, 80;
  --gx-bg-rgb: 240, 242, 247;
  --gx-card-rgb: 255, 255, 255;
  --gx-dim: #6C7590;
  --gx-side: #F6F7FB;
  --gx-deep: #E1E5EF;
  --sm-bg: #F0F2F7;
  --sm-s1: #F6F7FB;
  --sm-s2: #E1E5EF;
  --sm-s3: #CDD3E3;
  --sm-line: #E1E5EF;
  --sm-tx: #243050;
  --sm-tx2: #3F4B6B;
  --sm-tx3: #6C7590;
  --sm-mine: #5B6FA8;
  --sm-mine-tx: #FFFFFF;
  --sm-green: #4F9A84;
  --sm-orange: #C9824A;
  --sm-teal: #4F9A84;
  --sm-ring-off: #CDD3E3;
  --hm-bg: #F0F2F7;
  --hm-card: #FFFFFF;
  --hm-line: #E1E5EF;
  --hm-text: #243050;
  --hm-t2: #3F4B6B;
  --hm-t3: #6C7590;
  --hm-day-l: #6C7590;
  --hm-ring: #CDD3E3;
  --hm-btn: #5B6FA8;
  --hm-btn-ink: #FFFFFF;
  --hm-chip: #E1E5EF;
  --hm-icbox: #F0F2F7;
  --hm-fat: #4F9A84;
  --hm-carb: #4F9A84;
  --hm-protein: #C9824A;
  --hm-over: #C0463C;
  --hm-nav: #FFFFFF;
  --hm-nav-off: #6C7590;
  --hm-nav-line: #E1E5EF;
  --chat-in: #E1E5EF;
  --chat-in-text: #243050;
  --chat-own: #5B6FA8;
  --chat-own-text: #FFFFFF;
  --chat-field: #FFFFFF;
  --chat-field-line: rgba(36, 48, 80, 0.22);
}
:root[data-theme="light"][data-palette="mist"] body.velora-soft-dark {
  --bg: #F0F2F7;
  --surface: #FFFFFF;
  --surface-light: #F6F7FB;
  --surface-rgb: 255, 255, 255;
}
:root[data-theme="light"][data-palette="mist"] .nx-list, :root[data-theme="light"][data-palette="mist"] .nx-edit {
  --nx-bg: #F0F2F7;
  --nx-card: #FFFFFF;
  --nx-in: #F6F7FB;
  --nx-in2: #E1E5EF;
  --nx-line: #E1E5EF;
  --nx-dock: #FFFFFF;
  --nx-tx: #243050;
  --nx-tx2: #3F4B6B;
  --nx-tx3: #6C7590;
  --nx-acc: #5B6FA8;
  --nx-acc-tx: #475A91;
  --nx-acc-on: #FFFFFF;
  --nx-green: #4F9A84;
  --nx-teal: #4F9A84;
  --nx-orange: #C9824A;
  --nx-ring: #CDD3E3;
  --nx-chip-on: #243050;
  --nx-chip-on-tx: #F0F2F7;
  --nx-badge: #F0F2F7;
}
:root[data-theme="light"][data-palette="mist"] body { background-color: var(--bg); background-image: none; }
:root[data-theme="light"][data-palette="mist"] .mobile-bottom-nav { background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(246, 247, 251, 0.94)); border-color: rgba(36, 48, 80, 0.12); box-shadow: 0 14px 30px -12px rgba(36, 48, 80, 0.28); }
:root[data-theme="light"][data-palette="mist"] .mobile-bottom-nav-link { color: var(--muted); }
:root[data-theme="light"][data-palette="mist"] .mobile-bottom-nav-link-active { color: var(--yellow); }
:root[data-theme="light"][data-palette="mist"] .mobile-bottom-nav-capsule { background: rgba(var(--accent-rgb), 0.12); box-shadow: none; }
:root[data-theme="light"][data-palette="mist"] .hw-ring-tick { stroke: #CDD3E3; }
:root[data-theme="light"][data-palette="mist"] .hw-ring-track { stroke: #E1E5EF; }
:root[data-theme="light"][data-palette="mist"] .hw-arc[stroke="#6CBE8A"] { stroke: #5B6FA8; }
:root[data-theme="light"][data-palette="mist"] .hw-arc[stroke="#54A8A0"] { stroke: #4F9A84; }
:root[data-theme="light"][data-palette="mist"] .hw-arc[stroke="#F0A876"] { stroke: #C9824A; }
:root[data-theme="light"][data-palette="mist"] .hw-knob { fill: #FFFFFF; stroke: #243050; }
:root[data-theme="light"][data-palette="mist"] .hw-streak { background: rgba(201, 130, 74, 0.12); border-color: rgba(201, 130, 74, 0.4); color: #9A5A24; }
:root[data-theme="light"][data-palette="mist"] .hw-streak svg { fill: #C9824A; }
:root[data-theme="light"][data-palette="mist"] { --nt-blue: #5B6FA8; --nt-blue-soft: #5B6FA8; }
:root[data-theme="light"][data-palette="mist"] .nw-chip.is-on, :root[data-theme="light"][data-palette="mist"] .nw-newfolder button, :root[data-theme="light"][data-palette="mist"] .nw-btn, :root[data-theme="light"][data-palette="mist"] .nw-folder.is-on { background: var(--yellow); color: var(--on-accent) !important; }
:root[data-theme="light"][data-palette="mist"] .nw-article .nt-editor ul.nt-check > li[data-done="1"]::before { background: var(--yellow); border-color: var(--yellow); }

:root[data-theme="dark"][data-palette="mist"] {
  --bg: #151929;
  --surface: #1D2237;
  --surface-light: #262C45;
  --white: #E7EAF6;
  --white-soft: #C2C8DF;
  --muted: #98A0C0;
  --border: rgba(231, 234, 246, 0.12);
  --yellow: #9DB0EC;
  --yellow-dark: #869AE0;
  --yellow-glow: rgba(157, 176, 236, 0.16);
  --accent-rgb: 157, 176, 236;
  --on-accent: #131A36;
  --success: #7DC5AB;
  --success-rgb: 125, 197, 171;
  --on-success: #131A36;
  --success-bg: rgba(125, 197, 171, 0.14);
  --error: #E58A84;
  --error-bg: rgba(229, 138, 132, 0.12);
  --plate-blue: #8FA6EE;
  --plate-yellow: #E0B14F;
  --plate-red: #E0786C;
  --plate-green: #7DC5AB;
  --overlay-rgb: 231, 234, 246;
  --surface-rgb: 29, 34, 55;
  --gx-bg: #151929;
  --gx-card: #1D2237;
  --gx-card2: #262C45;
  --gx-card3: #2F3654;
  --gx-line: #2F3654;
  --gx-line2: #3C4465;
  --gx-line3: #3C4465;
  --gx-line4: #98A0C0;
  --gx-text: #E7EAF6;
  --gx-text2: #C2C8DF;
  --gx-muted: #98A0C0;
  --gx-muted2: #98A0C0;
  --gx-btn: #9DB0EC;
  --gx-ink: #131A36;
  --gx-green: #7DC5AB;
  --gx-green-rgb: 125, 197, 171;
  --gx-white: #FFFFFF;
  --gx-btn-hover: #869AE0;
  --gx-ov: 231, 234, 246;
  --gx-bg-rgb: 21, 25, 41;
  --gx-card-rgb: 29, 34, 55;
  --gx-dim: #98A0C0;
  --gx-side: #262C45;
  --gx-deep: #2F3654;
  --sm-bg: #151929;
  --sm-s1: #262C45;
  --sm-s2: #2F3654;
  --sm-s3: #3C4465;
  --sm-line: #2F3654;
  --sm-tx: #E7EAF6;
  --sm-tx2: #98A0C0;
  --sm-tx3: #98A0C0;
  --sm-mine: #9DB0EC;
  --sm-mine-tx: #131A36;
  --sm-green: #7DC5AB;
  --sm-orange: #E8A06A;
  --sm-teal: #7DC5AB;
  --sm-ring-off: #3C4465;
  --hm-bg: #151929;
  --hm-card: #1D2237;
  --hm-line: #2F3654;
  --hm-text: #E7EAF6;
  --hm-t2: #98A0C0;
  --hm-t3: #98A0C0;
  --hm-day-l: #98A0C0;
  --hm-ring: #3C4465;
  --hm-btn: #9DB0EC;
  --hm-btn-ink: #131A36;
  --hm-chip: #2F3654;
  --hm-icbox: #151929;
  --hm-fat: #7DC5AB;
  --hm-carb: #7DC5AB;
  --hm-protein: #E8A06A;
  --hm-over: #E58A84;
  --hm-nav: #1D2237;
  --hm-nav-off: #98A0C0;
  --hm-nav-line: #2F3654;
  --chat-in: #262C45;
  --chat-in-text: #E7EAF6;
  --chat-own: #9DB0EC;
  --chat-own-text: #131A36;
  --chat-field: #1D2237;
  --chat-field-line: rgba(231, 234, 246, 0.22);
}
:root[data-theme="dark"][data-palette="mist"] body.velora-soft-dark {
  --bg: #151929;
  --surface: #1D2237;
  --surface-light: #262C45;
  --surface-rgb: 29, 34, 55;
}
:root[data-theme="dark"][data-palette="mist"] .nx-list, :root[data-theme="dark"][data-palette="mist"] .nx-edit {
  --nx-bg: #151929;
  --nx-card: #1D2237;
  --nx-in: #262C45;
  --nx-in2: #2F3654;
  --nx-line: #2F3654;
  --nx-dock: #1D2237;
  --nx-tx: #E7EAF6;
  --nx-tx2: #98A0C0;
  --nx-tx3: #98A0C0;
  --nx-acc: #9DB0EC;
  --nx-acc-tx: #9DB0EC;
  --nx-acc-on: #131A36;
  --nx-green: #7DC5AB;
  --nx-teal: #7DC5AB;
  --nx-orange: #E8A06A;
  --nx-ring: #3C4465;
  --nx-chip-on: #E7EAF6;
  --nx-chip-on-tx: #151929;
  --nx-badge: #151929;
}
:root[data-theme="dark"][data-palette="mist"] body { background-color: var(--bg); background-image: none; }
:root[data-theme="dark"][data-palette="mist"] .mobile-bottom-nav { background: linear-gradient(180deg, rgba(38, 44, 69, 0.78), rgba(29, 34, 55, 0.84)); border-color: rgba(231, 234, 246, 0.12); }
:root[data-theme="dark"][data-palette="mist"] .mobile-bottom-nav-link-active { color: var(--yellow); }
:root[data-theme="dark"][data-palette="mist"] .mobile-bottom-nav-capsule { background: rgba(var(--accent-rgb), 0.16); box-shadow: none; }
:root[data-theme="dark"][data-palette="mist"] .hw-ring-tick { stroke: #2F3654; }
:root[data-theme="dark"][data-palette="mist"] .hw-ring-track { stroke: #262C45; }
:root[data-theme="dark"][data-palette="mist"] .hw-arc[stroke="#6CBE8A"] { stroke: #9DB0EC; }
:root[data-theme="dark"][data-palette="mist"] .hw-arc[stroke="#54A8A0"] { stroke: #7DC5AB; }
:root[data-theme="dark"][data-palette="mist"] .hw-arc[stroke="#F0A876"] { stroke: #E8A06A; }
:root[data-theme="dark"][data-palette="mist"] .hw-knob { fill: #1D2237; stroke: #3C4465; }
:root[data-theme="dark"][data-palette="mist"] .hw-streak { background: rgba(232, 160, 106, 0.12); border-color: rgba(232, 160, 106, 0.4); color: #E8A06A; }
:root[data-theme="dark"][data-palette="mist"] .hw-streak svg { fill: #E8A06A; }
:root[data-theme="dark"][data-palette="mist"] { --nt-blue: #9DB0EC; --nt-blue-soft: #9DB0EC; }
:root[data-theme="dark"][data-palette="mist"] .nw-chip.is-on, :root[data-theme="dark"][data-palette="mist"] .nw-newfolder button, :root[data-theme="dark"][data-palette="mist"] .nw-btn, :root[data-theme="dark"][data-palette="mist"] .nw-folder.is-on { background: var(--yellow); color: var(--on-accent) !important; }
:root[data-theme="dark"][data-palette="mist"] .nw-article .nt-editor ul.nt-check > li[data-done="1"]::before { background: var(--yellow); border-color: var(--yellow); }


/* Настройки → Външен вид → Тема (карти с миниатюра) */
.settings-palette { flex-wrap: wrap; row-gap: 12px; }
.settings-palette-grid { flex: 1 1 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; border: 0; }
.settings-palette-opt { appearance: none; display: flex; flex-direction: column; gap: 8px; align-items: stretch; padding: 8px 8px 10px; border-radius: 14px; background: var(--surface-light); border: 2px solid transparent; color: var(--white); font: inherit; cursor: pointer; text-align: center; min-height: 44px; }
.settings-palette-opt[aria-checked="true"] { border-color: var(--yellow); box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.16); }
.settings-palette-opt:focus-visible { outline: 2px solid var(--yellow); outline-offset: 2px; }
.settings-palette-sw { display: flex; height: 44px; border-radius: 9px; overflow: hidden; border: 1px solid rgba(128, 128, 128, 0.3); }
.settings-palette-sw i { flex: 1; display: block; }
.settings-palette-opt b { font-size: 0.86rem; font-weight: 700; }