/* Generated from design/tokens.json and design/themes/*.json by scripts/build-tokens.js — do not edit by hand. */

:root {
  color-scheme: dark;
  --color-bg: #111214; /* Main content background */
  --color-bg-side: #0d0e10; /* Sidebar and titlebar */
  --color-surface: #17181b; /* Panels, cards, lists */
  --color-surface-2: #1d1e22; /* Hovered / selected rows, secondary buttons */
  --color-hover: #222328;
  --color-input: #0f1012; /* Inputs, search, segmented controls */
  --color-line: #26282d; /* Dividers and panel borders */
  --color-line-strong: #33363c; /* Control borders */
  --color-scrollbar: #2a2c31;
  --color-scrollbar-hover: #393c43;
  --color-text: #e6e6e8;
  --color-text-2: #9a9ca3; /* Secondary text */
  --color-text-3: #686a71; /* Hints, captions */
  --color-accent: #62b856; /* Play button, primary actions, active marks */
  --color-accent-hover: #70c663;
  --color-accent-ink: #0b1a08; /* Text on accent */
  --color-accent-text: #62b856; /* Accent used as text and icons (links, "Установлен") */
  --color-accent-soft: #62b8561f;
  --color-accent-border: #62b8568c; /* Selected build card border */
  --color-update: #5aa0f0; /* Mod updates */
  --color-update-soft: #5aa0f01f;
  --color-update-soft-hover: #5aa0f033;
  --color-warn: #d9a440; /* Mod not made for this Minecraft version */
  --color-warn-soft: #d9a4401f;
  --color-danger: #e5534b;
  --color-danger-soft: #e5534b1f;
  --color-danger-soft-hover: #e5534b33;
  --color-danger-border: #e5534b80;
  --color-danger-text: #f3b1ac; /* Error toast text */
  --color-white: #ffffff;
  --color-switch-knob: #e9e9ea;
  --color-titlebar-close: #c42b1c; /* Window close button on hover */
  --color-overlay: #0000008c; /* Behind modals */
  --color-drop-overlay: #111214eb; /* Drag & drop .jar overlay */
  --color-toast: #26282d;
  --color-log-bg: #0b0b0d;
  --color-log-text: #bfc1c6;
  --color-log-info: #8fcf86;
  --color-log-error: #f07b74;
  --color-log-debug: #5d6067;
  --color-ms-button-bg: #ffffff;
  --color-ms-button-bg-hover: #ececec;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-outline: #00000059; /* Edges of every block */
  --color-block-grass-top: #6fbf3f;
  --color-block-grass-left: #8a5a33;
  --color-block-grass-right: #6e4627;
  --color-block-grass-band-left: #5aa632;
  --color-block-grass-band-right: #4b8c29;
  --color-block-grass-tile: #1c2a1a;
  --color-block-stone-top: #9c9c9c;
  --color-block-stone-left: #7f7f7f;
  --color-block-stone-right: #666666;
  --color-block-stone-tile: #202224;
  --color-block-sand-top: #e7dba6;
  --color-block-sand-left: #d2c48c;
  --color-block-sand-right: #b9ab73;
  --color-block-sand-tile: #2a2719;
  --color-block-planks-top: #c29d62;
  --color-block-planks-left: #a47f49;
  --color-block-planks-right: #86663a;
  --color-block-planks-tile: #2a2219;
  --color-block-snow-top: #f4f8fb;
  --color-block-snow-left: #8a5a33;
  --color-block-snow-right: #6e4627;
  --color-block-snow-band-left: #e6eef3;
  --color-block-snow-band-right: #cbd6dd;
  --color-block-snow-tile: #1d2329;
  --color-block-diamond-top: #8f8f8f;
  --color-block-diamond-left: #747474;
  --color-block-diamond-right: #5d5d5d;
  --color-block-diamond-ore: #5fe3d6;
  --color-block-diamond-tile: #162527;
  --color-block-netherrack-top: #9a3f3f;
  --color-block-netherrack-left: #7d3131;
  --color-block-netherrack-right: #642626;
  --color-block-netherrack-tile: #2a1818;
  --color-block-end-stone-top: #e8eda8;
  --color-block-end-stone-left: #d1d68f;
  --color-block-end-stone-right: #b6ba76;
  --color-block-end-stone-tile: #27291a;
  --color-block-obsidian-top: #3b2c57;
  --color-block-obsidian-left: #2b2042;
  --color-block-obsidian-right: #1f1731;
  --color-block-obsidian-ore: #9f7ae0;
  --color-block-obsidian-tile: #1d1828;
  --color-block-copper-top: #e0894f;
  --color-block-copper-left: #c56f3c;
  --color-block-copper-right: #a3592f;
  --color-block-copper-tile: #2b1f18;
  --color-block-ice-top: #a9d6f5;
  --color-block-ice-left: #86bde6;
  --color-block-ice-right: #679fca;
  --color-block-ice-tile: #18232d;
  --color-block-moss-top: #596c3b;
  --color-block-moss-left: #4a5b30;
  --color-block-moss-right: #3b4926;
  --color-block-moss-tile: #1c2117;
  --radius-sm: 5px; /* Buttons, inputs, tags */
  --radius-md: 7px; /* Nav items, small lists */
  --radius-lg: 9px; /* Panels, cards */
  --radius-modal: 10px;
  --radius-icon: 6px; /* Build and mod icons */
  --size-titlebar: 32px;
  --size-sidebar: 208px;
  --size-sidebar-collapsed: 56px; /* Sidebar width in narrow windows */
  --size-control: 32px; /* Buttons, inputs, search */
  --size-control-sm: 28px;
  --size-control-lg: 40px; /* Play button, build picker */
  --size-row: 56px; /* Minimum list row height */
  --size-page-padding-x: 28px;
  --size-page-padding-y: 22px;
  --size-content-max: 100%; /* Page content width (100% = fill the window) */
  --font-family-text: "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --font-family-display: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --font-family-mono: "Cascadia Mono", "Consolas", monospace;
  --font-size-xs: 12px;
  --font-size-sm: 12.5px;
  --font-size-md: 13px;
  --font-size-base: 13.5px;
  --font-size-lg: 14px;
  --font-size-heading: 15px; /* Modal titles */
  --font-size-title: 20px; /* Page titles */
  --font-size-hero: 22px; /* Selected build name on the home page */
  --font-size-code: 28px; /* Microsoft sign-in code */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --shadow-modal: 0px 16px 48px 0px #00000073;
  --shadow-toast: 0px 8px 24px 0px #00000059;
  --shadow-knob: 0px 1px 2px 0px #00000040; /* Switch knob */
}

:root[data-theme="dark-purple"] {
  color-scheme: dark;
  --color-bg: #131115;
  --color-bg-side: #0e0d0f;
  --color-surface: #19171c;
  --color-surface-2: #1e1c21;
  --color-hover: #242228;
  --color-input: #100f12;
  --color-line: #28252c;
  --color-line-strong: #35313a;
  --color-scrollbar: #2d2a32;
  --color-scrollbar-hover: #3c3843;
  --color-text: #e8e6ea;
  --color-text-2: #9d98a4;
  --color-text-3: #6d6873;
  --color-accent: #a07cf0;
  --color-accent-hover: #ab8cf2;
  --color-accent-ink: #110c17;
  --color-accent-text: #a07cf0;
  --color-accent-soft: #a07cf01f;
  --color-accent-border: #a07cf08c;
  --color-update: #5aa0f0;
  --color-update-soft: #5aa0f01f;
  --color-update-soft-hover: #5aa0f033;
  --color-warn: #d9a440;
  --color-warn-soft: #d9a4401f;
  --color-danger: #e5534b;
  --color-danger-soft: #e5534b1f;
  --color-danger-soft-hover: #e5534b33;
  --color-danger-border: #e5534b80;
  --color-danger-text: #f3b1ac;
  --color-switch-knob: #e9e9ea;
  --color-overlay: #0000008c;
  --color-drop-overlay: #131115eb;
  --color-toast: #28252c;
  --color-log-bg: #0b0a0d;
  --color-log-text: #c4c1c7;
  --color-log-info: #8fcf86;
  --color-log-error: #f07b74;
  --color-log-debug: #635f67;
  --color-ms-button-bg: #ffffff;
  --color-ms-button-bg-hover: #ececec;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #2b3626;
  --color-block-stone-tile: #323035;
  --color-block-sand-tile: #3e3b36;
  --color-block-planks-tile: #38312b;
  --color-block-snow-tile: #403f44;
  --color-block-diamond-tile: #302e33;
  --color-block-netherrack-tile: #322226;
  --color-block-end-stone-tile: #3e3d37;
  --color-block-obsidian-tile: #231f2a;
  --color-block-copper-tile: #3d2d28;
  --color-block-ice-tile: #343a43;
  --color-block-moss-tile: #272925;
  --shadow-modal: 0px 16px 48px 0px #00000073;
  --shadow-toast: 0px 8px 24px 0px #00000059;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="dark-blue"] {
  color-scheme: dark;
  --color-bg: #111315;
  --color-bg-side: #0d0e0f;
  --color-surface: #17191c;
  --color-surface-2: #1c1e21;
  --color-hover: #222428;
  --color-input: #0f1012;
  --color-line: #25282c;
  --color-line-strong: #31343a;
  --color-scrollbar: #2a2d32;
  --color-scrollbar-hover: #383c43;
  --color-text: #e6e8ea;
  --color-text-2: #989da4;
  --color-text-3: #686c73;
  --color-accent: #5b9cf5;
  --color-accent-hover: #6fa8f6;
  --color-accent-ink: #0c1017;
  --color-accent-text: #5b9cf5;
  --color-accent-soft: #5b9cf51f;
  --color-accent-border: #5b9cf58c;
  --color-update: #4fc3e8;
  --color-update-soft: #4fc3e81f;
  --color-update-soft-hover: #4fc3e833;
  --color-warn: #d9a440;
  --color-warn-soft: #d9a4401f;
  --color-danger: #e5534b;
  --color-danger-soft: #e5534b1f;
  --color-danger-soft-hover: #e5534b33;
  --color-danger-border: #e5534b80;
  --color-danger-text: #f3b1ac;
  --color-switch-knob: #e9e9ea;
  --color-overlay: #0000008c;
  --color-drop-overlay: #111315eb;
  --color-toast: #25282c;
  --color-log-bg: #0a0b0d;
  --color-log-text: #c1c4c7;
  --color-log-info: #8fcf86;
  --color-log-error: #f07b74;
  --color-log-debug: #5f6267;
  --color-ms-button-bg: #ffffff;
  --color-ms-button-bg-hover: #ececec;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #293826;
  --color-block-stone-tile: #303235;
  --color-block-sand-tile: #3c3c36;
  --color-block-planks-tile: #37322b;
  --color-block-snow-tile: #3f4144;
  --color-block-diamond-tile: #2e3033;
  --color-block-netherrack-tile: #302326;
  --color-block-end-stone-tile: #3d3f37;
  --color-block-obsidian-tile: #21202a;
  --color-block-copper-tile: #3b2f28;
  --color-block-ice-tile: #333b43;
  --color-block-moss-tile: #262a25;
  --shadow-modal: 0px 16px 48px 0px #00000073;
  --shadow-toast: 0px 8px 24px 0px #00000059;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="dark-red"] {
  color-scheme: dark;
  --color-bg: #151112;
  --color-bg-side: #0f0d0d;
  --color-surface: #1c1717;
  --color-surface-2: #211c1c;
  --color-hover: #282222;
  --color-input: #120f0f;
  --color-line: #2c2525;
  --color-line-strong: #3a3131;
  --color-scrollbar: #322a2a;
  --color-scrollbar-hover: #433838;
  --color-text: #eae6e6;
  --color-text-2: #a49899;
  --color-text-3: #736869;
  --color-accent: #ef6461;
  --color-accent-hover: #f17774;
  --color-accent-ink: #170c0d;
  --color-accent-text: #ef6461;
  --color-accent-soft: #ef64611f;
  --color-accent-border: #ef64618c;
  --color-update: #5aa0f0;
  --color-update-soft: #5aa0f01f;
  --color-update-soft-hover: #5aa0f033;
  --color-warn: #d9a440;
  --color-warn-soft: #d9a4401f;
  --color-danger: #e5534b;
  --color-danger-soft: #e5534b1f;
  --color-danger-soft-hover: #e5534b33;
  --color-danger-border: #e5534b80;
  --color-danger-text: #f3b1ac;
  --color-switch-knob: #e9e9ea;
  --color-overlay: #0000008c;
  --color-drop-overlay: #151112eb;
  --color-toast: #2c2525;
  --color-log-bg: #0d0a0b;
  --color-log-text: #c7c1c2;
  --color-log-info: #8fcf86;
  --color-log-error: #f07b74;
  --color-log-debug: #675f60;
  --color-ms-button-bg: #ffffff;
  --color-ms-button-bg-hover: #ececec;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #2d3622;
  --color-block-stone-tile: #353030;
  --color-block-sand-tile: #413b32;
  --color-block-planks-tile: #3b3127;
  --color-block-snow-tile: #433f40;
  --color-block-diamond-tile: #332e2e;
  --color-block-netherrack-tile: #342222;
  --color-block-end-stone-tile: #413d32;
  --color-block-obsidian-tile: #251f25;
  --color-block-copper-tile: #402d24;
  --color-block-ice-tile: #373a3f;
  --color-block-moss-tile: #2a2921;
  --shadow-modal: 0px 16px 48px 0px #00000073;
  --shadow-toast: 0px 8px 24px 0px #00000059;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="dark-green"] {
  color-scheme: dark;
  --color-bg: #121511;
  --color-bg-side: #0d0f0d;
  --color-surface: #181c17;
  --color-surface-2: #1d211c;
  --color-hover: #232822;
  --color-input: #10120f;
  --color-line: #262c25;
  --color-line-strong: #323a31;
  --color-scrollbar: #2b322a;
  --color-scrollbar-hover: #3a4338;
  --color-text: #e7eae6;
  --color-text-2: #9aa498;
  --color-text-3: #6a7368;
  --color-accent: #62b856;
  --color-accent-hover: #75c16a;
  --color-accent-ink: #0e170c;
  --color-accent-text: #62b856;
  --color-accent-soft: #62b8561f;
  --color-accent-border: #62b8568c;
  --color-update: #5aa0f0;
  --color-update-soft: #5aa0f01f;
  --color-update-soft-hover: #5aa0f033;
  --color-warn: #d9a440;
  --color-warn-soft: #d9a4401f;
  --color-danger: #e5534b;
  --color-danger-soft: #e5534b1f;
  --color-danger-soft-hover: #e5534b33;
  --color-danger-border: #e5534b80;
  --color-danger-text: #f3b1ac;
  --color-switch-knob: #e9e9ea;
  --color-overlay: #0000008c;
  --color-drop-overlay: #121511eb;
  --color-toast: #262c25;
  --color-log-bg: #0b0d0a;
  --color-log-text: #c2c7c1;
  --color-log-info: #8fcf86;
  --color-log-error: #f07b74;
  --color-log-debug: #61675f;
  --color-ms-button-bg: #ffffff;
  --color-ms-button-bg-hover: #ececec;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #2a3a22;
  --color-block-stone-tile: #313530;
  --color-block-sand-tile: #3d3f32;
  --color-block-planks-tile: #373527;
  --color-block-snow-tile: #3f4340;
  --color-block-diamond-tile: #2f332e;
  --color-block-netherrack-tile: #312622;
  --color-block-end-stone-tile: #3d4232;
  --color-block-obsidian-tile: #222325;
  --color-block-copper-tile: #3c3224;
  --color-block-ice-tile: #333e3f;
  --color-block-moss-tile: #272d21;
  --shadow-modal: 0px 16px 48px 0px #00000073;
  --shadow-toast: 0px 8px 24px 0px #00000059;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="dark-pink"] {
  color-scheme: dark;
  --color-bg: #151113;
  --color-bg-side: #0f0d0e;
  --color-surface: #1c171a;
  --color-surface-2: #211c1f;
  --color-hover: #282225;
  --color-input: #120f11;
  --color-line: #2c2529;
  --color-line-strong: #3a3136;
  --color-scrollbar: #322a2e;
  --color-scrollbar-hover: #43383e;
  --color-text: #eae6e8;
  --color-text-2: #a4989e;
  --color-text-3: #73686e;
  --color-accent: #ee76b6;
  --color-accent-hover: #f086bf;
  --color-accent-ink: #170c12;
  --color-accent-text: #ee76b6;
  --color-accent-soft: #ee76b61f;
  --color-accent-border: #ee76b68c;
  --color-update: #5aa0f0;
  --color-update-soft: #5aa0f01f;
  --color-update-soft-hover: #5aa0f033;
  --color-warn: #d9a440;
  --color-warn-soft: #d9a4401f;
  --color-danger: #e5534b;
  --color-danger-soft: #e5534b1f;
  --color-danger-soft-hover: #e5534b33;
  --color-danger-border: #e5534b80;
  --color-danger-text: #f3b1ac;
  --color-switch-knob: #e9e9ea;
  --color-overlay: #0000008c;
  --color-drop-overlay: #151113eb;
  --color-toast: #2c2529;
  --color-log-bg: #0d0a0c;
  --color-log-text: #c7c1c5;
  --color-log-info: #8fcf86;
  --color-log-error: #f07b74;
  --color-log-debug: #675f64;
  --color-ms-button-bg: #ffffff;
  --color-ms-button-bg-hover: #ececec;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #2d3624;
  --color-block-stone-tile: #353033;
  --color-block-sand-tile: #413b35;
  --color-block-planks-tile: #3b312a;
  --color-block-snow-tile: #433f42;
  --color-block-diamond-tile: #332e31;
  --color-block-netherrack-tile: #342224;
  --color-block-end-stone-tile: #413d35;
  --color-block-obsidian-tile: #251f28;
  --color-block-copper-tile: #402d27;
  --color-block-ice-tile: #373a41;
  --color-block-moss-tile: #2a2923;
  --shadow-modal: 0px 16px 48px 0px #00000073;
  --shadow-toast: 0px 8px 24px 0px #00000059;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="dark-yellow"] {
  color-scheme: dark;
  --color-bg: #151411;
  --color-bg-side: #0f0f0d;
  --color-surface: #1c1b17;
  --color-surface-2: #21201c;
  --color-hover: #282722;
  --color-input: #12110f;
  --color-line: #2c2b25;
  --color-line-strong: #3a3831;
  --color-scrollbar: #32302a;
  --color-scrollbar-hover: #434038;
  --color-text: #eae9e6;
  --color-text-2: #a4a198;
  --color-text-3: #737168;
  --color-accent: #e8c547;
  --color-accent-hover: #ebcc5d;
  --color-accent-ink: #17150c;
  --color-accent-text: #e8c547;
  --color-accent-soft: #e8c5471f;
  --color-accent-border: #e8c5478c;
  --color-update: #5aa0f0;
  --color-update-soft: #5aa0f01f;
  --color-update-soft-hover: #5aa0f033;
  --color-warn: #d9a440;
  --color-warn-soft: #d9a4401f;
  --color-danger: #e5534b;
  --color-danger-soft: #e5534b1f;
  --color-danger-soft-hover: #e5534b33;
  --color-danger-border: #e5534b80;
  --color-danger-text: #f3b1ac;
  --color-switch-knob: #e9e9ea;
  --color-overlay: #0000008c;
  --color-drop-overlay: #151411eb;
  --color-toast: #2c2b25;
  --color-log-bg: #0d0c0a;
  --color-log-text: #c7c6c1;
  --color-log-info: #8fcf86;
  --color-log-error: #f07b74;
  --color-log-debug: #67665f;
  --color-ms-button-bg: #ffffff;
  --color-ms-button-bg-hover: #ececec;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #2d3922;
  --color-block-stone-tile: #353430;
  --color-block-sand-tile: #413e32;
  --color-block-planks-tile: #3b3427;
  --color-block-snow-tile: #434340;
  --color-block-diamond-tile: #33322e;
  --color-block-netherrack-tile: #342522;
  --color-block-end-stone-tile: #414132;
  --color-block-obsidian-tile: #252225;
  --color-block-copper-tile: #403124;
  --color-block-ice-tile: #373d3f;
  --color-block-moss-tile: #2a2c21;
  --shadow-modal: 0px 16px 48px 0px #00000073;
  --shadow-toast: 0px 8px 24px 0px #00000059;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="dark-orange"] {
  color-scheme: dark;
  --color-bg: #151311;
  --color-bg-side: #0f0e0d;
  --color-surface: #1c1917;
  --color-surface-2: #211e1c;
  --color-hover: #282422;
  --color-input: #12100f;
  --color-line: #2c2825;
  --color-line-strong: #3a3531;
  --color-scrollbar: #322d2a;
  --color-scrollbar-hover: #433c38;
  --color-text: #eae8e6;
  --color-text-2: #a49d98;
  --color-text-3: #736d68;
  --color-accent: #f28d45;
  --color-accent-hover: #f49b5b;
  --color-accent-ink: #17110c;
  --color-accent-text: #f28d45;
  --color-accent-soft: #f28d451f;
  --color-accent-border: #f28d458c;
  --color-update: #5aa0f0;
  --color-update-soft: #5aa0f01f;
  --color-update-soft-hover: #5aa0f033;
  --color-warn: #d9a440;
  --color-warn-soft: #d9a4401f;
  --color-danger: #e5534b;
  --color-danger-soft: #e5534b1f;
  --color-danger-soft-hover: #e5534b33;
  --color-danger-border: #e5534b80;
  --color-danger-text: #f3b1ac;
  --color-switch-knob: #e9e9ea;
  --color-overlay: #0000008c;
  --color-drop-overlay: #151311eb;
  --color-toast: #2c2825;
  --color-log-bg: #0d0b0a;
  --color-log-text: #c7c4c1;
  --color-log-info: #8fcf86;
  --color-log-error: #f07b74;
  --color-log-debug: #67635f;
  --color-ms-button-bg: #ffffff;
  --color-ms-button-bg-hover: #ececec;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #2d3822;
  --color-block-stone-tile: #353230;
  --color-block-sand-tile: #413c32;
  --color-block-planks-tile: #3b3227;
  --color-block-snow-tile: #434140;
  --color-block-diamond-tile: #33302e;
  --color-block-netherrack-tile: #342322;
  --color-block-end-stone-tile: #413f32;
  --color-block-obsidian-tile: #252025;
  --color-block-copper-tile: #402f24;
  --color-block-ice-tile: #373b3f;
  --color-block-moss-tile: #2a2a21;
  --shadow-modal: 0px 16px 48px 0px #00000073;
  --shadow-toast: 0px 8px 24px 0px #00000059;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="dark-mono"] {
  color-scheme: dark;
  --color-bg: #252522;
  --color-bg-side: #1d1d1b;
  --color-surface: #2e2e2b;
  --color-surface-2: #363632;
  --color-hover: #3e3d3a;
  --color-input: #1e1e1c;
  --color-line: #403f3b;
  --color-line-strong: #504e49;
  --color-scrollbar: #4a4945;
  --color-scrollbar-hover: #5d5b56;
  --color-text: #f5f3ec;
  --color-text-2: #b9b6ab;
  --color-text-3: #87847b;
  --color-accent: #ece9df;
  --color-accent-hover: #eeece3;
  --color-accent-ink: #17150c;
  --color-accent-text: #ece9df;
  --color-accent-soft: #ece9df1f;
  --color-accent-border: #ece9df8c;
  --color-update: #5aa0f0;
  --color-update-soft: #5aa0f01f;
  --color-update-soft-hover: #5aa0f033;
  --color-warn: #d9a440;
  --color-warn-soft: #d9a4401f;
  --color-danger: #e5534b;
  --color-danger-soft: #e5534b1f;
  --color-danger-soft-hover: #e5534b33;
  --color-danger-border: #e5534b80;
  --color-danger-text: #f3b1ac;
  --color-switch-knob: #e9e9ea;
  --color-overlay: #0000008c;
  --color-drop-overlay: #252522eb;
  --color-toast: #403f3b;
  --color-log-bg: #1b1a18;
  --color-log-text: #c7c6c1;
  --color-log-info: #8fcf86;
  --color-log-error: #f07b74;
  --color-log-debug: #67665f;
  --color-ms-button-bg: #ffffff;
  --color-ms-button-bg-hover: #ececec;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #3f4c34;
  --color-block-stone-tile: #464643;
  --color-block-sand-tile: #525045;
  --color-block-planks-tile: #4c463a;
  --color-block-snow-tile: #545552;
  --color-block-diamond-tile: #444441;
  --color-block-netherrack-tile: #463734;
  --color-block-end-stone-tile: #525345;
  --color-block-obsidian-tile: #373438;
  --color-block-copper-tile: #514337;
  --color-block-ice-tile: #485051;
  --color-block-moss-tile: #3c3f33;
  --shadow-modal: 0px 16px 48px 0px #00000073;
  --shadow-toast: 0px 8px 24px 0px #00000059;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="light-purple"] {
  color-scheme: light;
  --color-bg: #f8f7fa;
  --color-bg-side: #f1eef3;
  --color-surface: #ffffff;
  --color-surface-2: #f3f1f6;
  --color-hover: #eae7ee;
  --color-input: #ffffff;
  --color-line: #e2dfe7;
  --color-line-strong: #d0ccd7;
  --color-scrollbar: #cbc6d2;
  --color-scrollbar-hover: #aca4b7;
  --color-text: #1e1a23;
  --color-text-2: #5b5463;
  --color-text-3: #837d8c;
  --color-accent: #7347d6;
  --color-accent-hover: #6840c1;
  --color-accent-ink: #ffffff;
  --color-accent-text: #7347d6;
  --color-accent-soft: #7347d61a;
  --color-accent-border: #7347d68c;
  --color-update: #2563d9;
  --color-update-soft: #2563d91a;
  --color-update-soft-hover: #2563d92b;
  --color-warn: #946000;
  --color-warn-soft: #d99a1a29;
  --color-danger: #cc2f2f;
  --color-danger-soft: #cc2f2f17;
  --color-danger-soft-hover: #cc2f2f26;
  --color-danger-border: #cc2f2f73;
  --color-danger-text: #a11d1d;
  --color-switch-knob: #ffffff;
  --color-overlay: #1a1a1a52;
  --color-drop-overlay: #f8f7faeb;
  --color-toast: #ffffff;
  --color-log-bg: #fcfcfd;
  --color-log-text: #3c3743;
  --color-log-info: #2e7d32;
  --color-log-error: #c62828;
  --color-log-debug: #9d98a4;
  --color-ms-button-bg: #f2f2f2;
  --color-ms-button-bg-hover: #e6e6e6;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #dff1d5;
  --color-block-stone-tile: #e9e9e9;
  --color-block-sand-tile: #faf7eb;
  --color-block-planks-tile: #f2e9dc;
  --color-block-snow-tile: #fdfdfe;
  --color-block-diamond-tile: #e6e6e6;
  --color-block-netherrack-tile: #e9d5d5;
  --color-block-end-stone-tile: #fafbec;
  --color-block-obsidian-tile: #d4d1da;
  --color-block-copper-tile: #f8e5d8;
  --color-block-ice-tile: #ecf6fd;
  --color-block-moss-tile: #dadfd4;
  --shadow-modal: 0px 16px 48px 0px #0000002e;
  --shadow-toast: 0px 8px 24px 0px #00000024;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="light-blue"] {
  color-scheme: light;
  --color-bg: #f7f8fa;
  --color-bg-side: #eef0f3;
  --color-surface: #ffffff;
  --color-surface-2: #f1f3f6;
  --color-hover: #e7eaee;
  --color-input: #ffffff;
  --color-line: #dfe2e7;
  --color-line-strong: #ccd0d7;
  --color-scrollbar: #c6cad2;
  --color-scrollbar-hover: #a4abb7;
  --color-text: #1a1d23;
  --color-text-2: #545a63;
  --color-text-3: #7d838c;
  --color-accent: #2563d9;
  --color-accent-hover: #2159c3;
  --color-accent-ink: #ffffff;
  --color-accent-text: #2563d9;
  --color-accent-soft: #2563d91a;
  --color-accent-border: #2563d98c;
  --color-update: #0a7397;
  --color-update-soft: #0a73971a;
  --color-update-soft-hover: #0a73972b;
  --color-warn: #946000;
  --color-warn-soft: #d99a1a29;
  --color-danger: #cc2f2f;
  --color-danger-soft: #cc2f2f17;
  --color-danger-soft-hover: #cc2f2f26;
  --color-danger-border: #cc2f2f73;
  --color-danger-text: #a11d1d;
  --color-switch-knob: #ffffff;
  --color-overlay: #1a1a1a52;
  --color-drop-overlay: #f7f8faeb;
  --color-toast: #ffffff;
  --color-log-bg: #fcfcfd;
  --color-log-text: #373c43;
  --color-log-info: #2e7d32;
  --color-log-error: #c62828;
  --color-log-debug: #989da4;
  --color-ms-button-bg: #f2f2f2;
  --color-ms-button-bg-hover: #e6e6e6;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #dff1d5;
  --color-block-stone-tile: #e9e9e9;
  --color-block-sand-tile: #faf7eb;
  --color-block-planks-tile: #f2e9dc;
  --color-block-snow-tile: #fdfdfe;
  --color-block-diamond-tile: #e6e6e6;
  --color-block-netherrack-tile: #e9d5d5;
  --color-block-end-stone-tile: #fafbec;
  --color-block-obsidian-tile: #d4d1da;
  --color-block-copper-tile: #f8e5d8;
  --color-block-ice-tile: #ecf6fd;
  --color-block-moss-tile: #dadfd4;
  --shadow-modal: 0px 16px 48px 0px #0000002e;
  --shadow-toast: 0px 8px 24px 0px #00000024;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="light-red"] {
  color-scheme: light;
  --color-bg: #faf7f8;
  --color-bg-side: #f3eeef;
  --color-surface: #ffffff;
  --color-surface-2: #f6f1f2;
  --color-hover: #eee7e7;
  --color-input: #ffffff;
  --color-line: #e7dfdf;
  --color-line-strong: #d7cccc;
  --color-scrollbar: #d2c6c6;
  --color-scrollbar-hover: #b7a4a4;
  --color-text: #231a1b;
  --color-text-2: #635455;
  --color-text-3: #8c7d7e;
  --color-accent: #d33434;
  --color-accent-hover: #be2f2f;
  --color-accent-ink: #ffffff;
  --color-accent-text: #c23030;
  --color-accent-soft: #d334341a;
  --color-accent-border: #d334348c;
  --color-update: #2563d9;
  --color-update-soft: #2563d91a;
  --color-update-soft-hover: #2563d92b;
  --color-warn: #946000;
  --color-warn-soft: #d99a1a29;
  --color-danger: #cc2f2f;
  --color-danger-soft: #cc2f2f17;
  --color-danger-soft-hover: #cc2f2f26;
  --color-danger-border: #cc2f2f73;
  --color-danger-text: #a11d1d;
  --color-switch-knob: #ffffff;
  --color-overlay: #1a1a1a52;
  --color-drop-overlay: #faf7f8eb;
  --color-toast: #ffffff;
  --color-log-bg: #fdfcfc;
  --color-log-text: #433737;
  --color-log-info: #2e7d32;
  --color-log-error: #c62828;
  --color-log-debug: #a49899;
  --color-ms-button-bg: #f2f2f2;
  --color-ms-button-bg-hover: #e6e6e6;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #dff1d5;
  --color-block-stone-tile: #e9e9e9;
  --color-block-sand-tile: #faf7eb;
  --color-block-planks-tile: #f2e9dc;
  --color-block-snow-tile: #fdfdfe;
  --color-block-diamond-tile: #e6e6e6;
  --color-block-netherrack-tile: #e9d5d5;
  --color-block-end-stone-tile: #fafbec;
  --color-block-obsidian-tile: #d4d1da;
  --color-block-copper-tile: #f8e5d8;
  --color-block-ice-tile: #ecf6fd;
  --color-block-moss-tile: #dadfd4;
  --shadow-modal: 0px 16px 48px 0px #0000002e;
  --shadow-toast: 0px 8px 24px 0px #00000024;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="light-green"] {
  color-scheme: light;
  --color-bg: #f8faf7;
  --color-bg-side: #eff3ee;
  --color-surface: #ffffff;
  --color-surface-2: #f2f6f1;
  --color-hover: #e8eee7;
  --color-input: #ffffff;
  --color-line: #e0e7df;
  --color-line-strong: #cdd7cc;
  --color-scrollbar: #c8d2c6;
  --color-scrollbar-hover: #a7b7a4;
  --color-text: #1c231a;
  --color-text-2: #576354;
  --color-text-3: #808c7d;
  --color-accent: #24802a;
  --color-accent-hover: #207326;
  --color-accent-ink: #ffffff;
  --color-accent-text: #24802a;
  --color-accent-soft: #24802a1a;
  --color-accent-border: #24802a8c;
  --color-update: #2563d9;
  --color-update-soft: #2563d91a;
  --color-update-soft-hover: #2563d92b;
  --color-warn: #946000;
  --color-warn-soft: #d99a1a29;
  --color-danger: #cc2f2f;
  --color-danger-soft: #cc2f2f17;
  --color-danger-soft-hover: #cc2f2f26;
  --color-danger-border: #cc2f2f73;
  --color-danger-text: #a11d1d;
  --color-switch-knob: #ffffff;
  --color-overlay: #1a1a1a52;
  --color-drop-overlay: #f8faf7eb;
  --color-toast: #ffffff;
  --color-log-bg: #fcfdfc;
  --color-log-text: #394337;
  --color-log-info: #2e7d32;
  --color-log-error: #c62828;
  --color-log-debug: #9aa498;
  --color-ms-button-bg: #f2f2f2;
  --color-ms-button-bg-hover: #e6e6e6;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #dff1d5;
  --color-block-stone-tile: #e9e9e9;
  --color-block-sand-tile: #faf7eb;
  --color-block-planks-tile: #f2e9dc;
  --color-block-snow-tile: #fdfdfe;
  --color-block-diamond-tile: #e6e6e6;
  --color-block-netherrack-tile: #e9d5d5;
  --color-block-end-stone-tile: #fafbec;
  --color-block-obsidian-tile: #d4d1da;
  --color-block-copper-tile: #f8e5d8;
  --color-block-ice-tile: #ecf6fd;
  --color-block-moss-tile: #dadfd4;
  --shadow-modal: 0px 16px 48px 0px #0000002e;
  --shadow-toast: 0px 8px 24px 0px #00000024;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="light-pink"] {
  color-scheme: light;
  --color-bg: #faf7f9;
  --color-bg-side: #f3eef1;
  --color-surface: #ffffff;
  --color-surface-2: #f6f1f4;
  --color-hover: #eee7eb;
  --color-input: #ffffff;
  --color-line: #e7dfe3;
  --color-line-strong: #d7ccd1;
  --color-scrollbar: #d2c6cc;
  --color-scrollbar-hover: #b7a4ae;
  --color-text: #231a1f;
  --color-text-2: #63545c;
  --color-text-3: #8c7d85;
  --color-accent: #cf3a88;
  --color-accent-hover: #ba347a;
  --color-accent-ink: #ffffff;
  --color-accent-text: #be357d;
  --color-accent-soft: #cf3a881a;
  --color-accent-border: #cf3a888c;
  --color-update: #2563d9;
  --color-update-soft: #2563d91a;
  --color-update-soft-hover: #2563d92b;
  --color-warn: #946000;
  --color-warn-soft: #d99a1a29;
  --color-danger: #cc2f2f;
  --color-danger-soft: #cc2f2f17;
  --color-danger-soft-hover: #cc2f2f26;
  --color-danger-border: #cc2f2f73;
  --color-danger-text: #a11d1d;
  --color-switch-knob: #ffffff;
  --color-overlay: #1a1a1a52;
  --color-drop-overlay: #faf7f9eb;
  --color-toast: #ffffff;
  --color-log-bg: #fdfcfc;
  --color-log-text: #43373e;
  --color-log-info: #2e7d32;
  --color-log-error: #c62828;
  --color-log-debug: #a4989e;
  --color-ms-button-bg: #f2f2f2;
  --color-ms-button-bg-hover: #e6e6e6;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #dff1d5;
  --color-block-stone-tile: #e9e9e9;
  --color-block-sand-tile: #faf7eb;
  --color-block-planks-tile: #f2e9dc;
  --color-block-snow-tile: #fdfdfe;
  --color-block-diamond-tile: #e6e6e6;
  --color-block-netherrack-tile: #e9d5d5;
  --color-block-end-stone-tile: #fafbec;
  --color-block-obsidian-tile: #d4d1da;
  --color-block-copper-tile: #f8e5d8;
  --color-block-ice-tile: #ecf6fd;
  --color-block-moss-tile: #dadfd4;
  --shadow-modal: 0px 16px 48px 0px #0000002e;
  --shadow-toast: 0px 8px 24px 0px #00000024;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="light-yellow"] {
  color-scheme: light;
  --color-bg: #faf9f7;
  --color-bg-side: #f3f2ee;
  --color-surface: #ffffff;
  --color-surface-2: #f6f5f1;
  --color-hover: #eeede7;
  --color-input: #ffffff;
  --color-line: #e7e5df;
  --color-line-strong: #d7d4cc;
  --color-scrollbar: #d2cfc6;
  --color-scrollbar-hover: #b7b3a4;
  --color-text: #23211a;
  --color-text-2: #636054;
  --color-text-3: #8c897d;
  --color-accent: #e0b10f;
  --color-accent-hover: #ca9f0e;
  --color-accent-ink: #241f0f;
  --color-accent-text: #886c09;
  --color-accent-soft: #e0b10f1a;
  --color-accent-border: #e0b10f8c;
  --color-update: #2563d9;
  --color-update-soft: #2563d91a;
  --color-update-soft-hover: #2563d92b;
  --color-warn: #946000;
  --color-warn-soft: #d99a1a29;
  --color-danger: #cc2f2f;
  --color-danger-soft: #cc2f2f17;
  --color-danger-soft-hover: #cc2f2f26;
  --color-danger-border: #cc2f2f73;
  --color-danger-text: #a11d1d;
  --color-switch-knob: #ffffff;
  --color-overlay: #1a1a1a52;
  --color-drop-overlay: #faf9f7eb;
  --color-toast: #ffffff;
  --color-log-bg: #fdfdfc;
  --color-log-text: #434037;
  --color-log-info: #2e7d32;
  --color-log-error: #c62828;
  --color-log-debug: #a4a198;
  --color-ms-button-bg: #f2f2f2;
  --color-ms-button-bg-hover: #e6e6e6;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #dff1d5;
  --color-block-stone-tile: #e9e9e9;
  --color-block-sand-tile: #faf7eb;
  --color-block-planks-tile: #f2e9dc;
  --color-block-snow-tile: #fdfdfe;
  --color-block-diamond-tile: #e6e6e6;
  --color-block-netherrack-tile: #e9d5d5;
  --color-block-end-stone-tile: #fafbec;
  --color-block-obsidian-tile: #d4d1da;
  --color-block-copper-tile: #f8e5d8;
  --color-block-ice-tile: #ecf6fd;
  --color-block-moss-tile: #dadfd4;
  --shadow-modal: 0px 16px 48px 0px #0000002e;
  --shadow-toast: 0px 8px 24px 0px #00000024;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="light-orange"] {
  color-scheme: light;
  --color-bg: #faf8f7;
  --color-bg-side: #f3f0ee;
  --color-surface: #ffffff;
  --color-surface-2: #f6f3f1;
  --color-hover: #eeeae7;
  --color-input: #ffffff;
  --color-line: #e7e2df;
  --color-line-strong: #d7d0cc;
  --color-scrollbar: #d2cbc6;
  --color-scrollbar-hover: #b7aba4;
  --color-text: #231e1a;
  --color-text-2: #635a54;
  --color-text-3: #8c837d;
  --color-accent: #e06a17;
  --color-accent-hover: #ca5f15;
  --color-accent-ink: #24170f;
  --color-accent-text: #af5311;
  --color-accent-soft: #e06a171a;
  --color-accent-border: #e06a178c;
  --color-update: #2563d9;
  --color-update-soft: #2563d91a;
  --color-update-soft-hover: #2563d92b;
  --color-warn: #946000;
  --color-warn-soft: #d99a1a29;
  --color-danger: #cc2f2f;
  --color-danger-soft: #cc2f2f17;
  --color-danger-soft-hover: #cc2f2f26;
  --color-danger-border: #cc2f2f73;
  --color-danger-text: #a11d1d;
  --color-switch-knob: #ffffff;
  --color-overlay: #1a1a1a52;
  --color-drop-overlay: #faf8f7eb;
  --color-toast: #ffffff;
  --color-log-bg: #fdfcfc;
  --color-log-text: #433c37;
  --color-log-info: #2e7d32;
  --color-log-error: #c62828;
  --color-log-debug: #a49d98;
  --color-ms-button-bg: #f2f2f2;
  --color-ms-button-bg-hover: #e6e6e6;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #dff1d5;
  --color-block-stone-tile: #e9e9e9;
  --color-block-sand-tile: #faf7eb;
  --color-block-planks-tile: #f2e9dc;
  --color-block-snow-tile: #fdfdfe;
  --color-block-diamond-tile: #e6e6e6;
  --color-block-netherrack-tile: #e9d5d5;
  --color-block-end-stone-tile: #fafbec;
  --color-block-obsidian-tile: #d4d1da;
  --color-block-copper-tile: #f8e5d8;
  --color-block-ice-tile: #ecf6fd;
  --color-block-moss-tile: #dadfd4;
  --shadow-modal: 0px 16px 48px 0px #0000002e;
  --shadow-toast: 0px 8px 24px 0px #00000024;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}

:root[data-theme="light-mono"] {
  color-scheme: light;
  --color-bg: #faf9f5;
  --color-bg-side: #f2f0e8;
  --color-surface: #ffffff;
  --color-surface-2: #f5f3ec;
  --color-hover: #ece9df;
  --color-input: #ffffff;
  --color-line: #e6e3d8;
  --color-line-strong: #d4d0c3;
  --color-scrollbar: #d4d0c3;
  --color-scrollbar-hover: #b9b5a8;
  --color-text: #1f1e1c;
  --color-text-2: #5e5c55;
  --color-text-3: #8c8980;
  --color-accent: #1f1e1c;
  --color-accent-hover: #3a3935;
  --color-accent-ink: #ffffff;
  --color-accent-text: #1f1e1c;
  --color-accent-soft: #1f1e1c1a;
  --color-accent-border: #1f1e1c8c;
  --color-update: #2563d9;
  --color-update-soft: #2563d91a;
  --color-update-soft-hover: #2563d92b;
  --color-warn: #946000;
  --color-warn-soft: #d99a1a29;
  --color-danger: #cc2f2f;
  --color-danger-soft: #cc2f2f17;
  --color-danger-soft-hover: #cc2f2f26;
  --color-danger-border: #cc2f2f73;
  --color-danger-text: #a11d1d;
  --color-switch-knob: #ffffff;
  --color-overlay: #1a1a1a52;
  --color-drop-overlay: #faf9f5eb;
  --color-toast: #ffffff;
  --color-log-bg: #fdfcf9;
  --color-log-text: #434137;
  --color-log-info: #2e7d32;
  --color-log-error: #c62828;
  --color-log-debug: #a4a298;
  --color-ms-button-bg: #f2f2f2;
  --color-ms-button-bg-hover: #e6e6e6;
  --color-ms-button-text: #1b1b1b;
  --color-ms-button-spinner-track: #dddddd;
  --color-block-grass-tile: #dff1d5;
  --color-block-stone-tile: #e9e9e9;
  --color-block-sand-tile: #faf7eb;
  --color-block-planks-tile: #f2e9dc;
  --color-block-snow-tile: #fdfdfe;
  --color-block-diamond-tile: #e6e6e6;
  --color-block-netherrack-tile: #e9d5d5;
  --color-block-end-stone-tile: #fafbec;
  --color-block-obsidian-tile: #d4d1da;
  --color-block-copper-tile: #f8e5d8;
  --color-block-ice-tile: #ecf6fd;
  --color-block-moss-tile: #dadfd4;
  --shadow-modal: 0px 16px 48px 0px #0000002e;
  --shadow-toast: 0px 8px 24px 0px #00000024;
  --shadow-knob: 0px 1px 2px 0px #00000040;
}