/* Darinno ui2 styles v18 — generated from src/ui2/styles.ts */

html[data-ui="v2"][data-style="garden"] {
  --d-bg: #F5F1E9;
  --d-surface: #FFFCF6;
  --d-surface-2: #F9F5EC;
  --d-sunken: #EEE8DC;
  --d-line: rgba(52, 59, 50, 0.12);
  --d-line-strong: rgba(52, 59, 50, 0.24);
  --d-ink: #343B32;
  --d-ink-2: #5B6358;
  --d-ink-3: #7D857A;
  --d-ink-inverse: #FFFCF6;
  --d-accent: #53644E;
  --d-accent-ink: #FFFCF6;
  --d-accent-soft: #E4EAE0;
  --d-accent-text: #3E4D3A;
  --d-warm: #A05A45;
  --d-warm-ink: #FFF7F2;
  --d-warm-soft: #F3E3DC;
  --d-warm-text: #8E4C38;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #53644E;
  --d-stage: linear-gradient(160deg, #F2EBDD 0%, #E7E9DA 55%, #DCE3D3 100%);
  --d-page: linear-gradient(180deg, #F7F3EB 0%, #F5F1E9 40%, #F1EDE3 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="garden"][data-theme="dark"] {
  --d-bg: #1E211D;
  --d-surface: #272B26;
  --d-surface-2: #2D322C;
  --d-sunken: #1A1D19;
  --d-line: rgba(236, 231, 220, 0.1);
  --d-line-strong: rgba(236, 231, 220, 0.2);
  --d-ink: #ECE7DC;
  --d-ink-2: #C3BFB4;
  --d-ink-3: #948F86;
  --d-ink-inverse: #1E211D;
  --d-accent: #8FA58A;
  --d-accent-ink: #1E211D;
  --d-accent-soft: #2E3A2D;
  --d-accent-text: #B6C9B0;
  --d-warm: #D08A72;
  --d-warm-ink: #1E211D;
  --d-warm-soft: #3B2C26;
  --d-warm-text: #E4A892;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #A7BBA2;
  --d-stage: linear-gradient(160deg, #2B2F28 0%, #28332A 55%, #243026 100%);
  --d-page: linear-gradient(180deg, #202420 0%, #1E211D 40%, #1B1E1A 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="garden"][data-theme="system"] {
  --d-bg: #1E211D;
  --d-surface: #272B26;
  --d-surface-2: #2D322C;
  --d-sunken: #1A1D19;
  --d-line: rgba(236, 231, 220, 0.1);
  --d-line-strong: rgba(236, 231, 220, 0.2);
  --d-ink: #ECE7DC;
  --d-ink-2: #C3BFB4;
  --d-ink-3: #948F86;
  --d-ink-inverse: #1E211D;
  --d-accent: #8FA58A;
  --d-accent-ink: #1E211D;
  --d-accent-soft: #2E3A2D;
  --d-accent-text: #B6C9B0;
  --d-warm: #D08A72;
  --d-warm-ink: #1E211D;
  --d-warm-soft: #3B2C26;
  --d-warm-text: #E4A892;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #A7BBA2;
  --d-stage: linear-gradient(160deg, #2B2F28 0%, #28332A 55%, #243026 100%);
  --d-page: linear-gradient(180deg, #202420 0%, #1E211D 40%, #1B1E1A 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="forest"] {
  --d-bg: #ECEFE5;
  --d-surface: #F8F9F3;
  --d-surface-2: #F2F4EC;
  --d-sunken: #E1E4DB;
  --d-line: rgba(42, 51, 40, 0.12);
  --d-line-strong: rgba(42, 51, 40, 0.24);
  --d-ink: #2A3328;
  --d-ink-2: #646B61;
  --d-ink-3: #7E847A;
  --d-ink-inverse: #F8F9F3;
  --d-accent: #3F6440;
  --d-accent-ink: #F8F9F3;
  --d-accent-soft: #DEE4DA;
  --d-accent-text: #375838;
  --d-warm: #8A6240;
  --d-warm-ink: #F8F9F3;
  --d-warm-soft: #E9E4DA;
  --d-warm-text: #775437;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #3F6440;
  --d-stage: linear-gradient(160deg, #E6EBDD 0%, #D9E3D3 55%, #CFDCCB 100%);
  --d-page: linear-gradient(180deg, #EFF2EA 0%, #ECEFE5 42%, #E6E9DF 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="forest"][data-theme="dark"] {
  --d-bg: #171D17;
  --d-surface: #232823;
  --d-surface-2: #2B302B;
  --d-sunken: #141A14;
  --d-line: rgba(230, 234, 223, 0.1);
  --d-line-strong: rgba(230, 234, 223, 0.2);
  --d-ink: #E6EADF;
  --d-ink-2: #ACB1A7;
  --d-ink-3: #7F847B;
  --d-ink-inverse: #171D17;
  --d-accent: #8DB68A;
  --d-accent-ink: #171D17;
  --d-accent-soft: #2F3C2E;
  --d-accent-text: #A2C39F;
  --d-warm: #D1A277;
  --d-warm-ink: #171D17;
  --d-warm-soft: #3C382A;
  --d-warm-text: #DAB592;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #9BBF98;
  --d-stage: linear-gradient(160deg, #1E2A1F 0%, #1C2C23 55%, #1A2E26 100%);
  --d-page: linear-gradient(180deg, #1C221C 0%, #171D17 42%, #151B15 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="forest"][data-theme="system"] {
  --d-bg: #171D17;
  --d-surface: #232823;
  --d-surface-2: #2B302B;
  --d-sunken: #141A14;
  --d-line: rgba(230, 234, 223, 0.1);
  --d-line-strong: rgba(230, 234, 223, 0.2);
  --d-ink: #E6EADF;
  --d-ink-2: #ACB1A7;
  --d-ink-3: #7F847B;
  --d-ink-inverse: #171D17;
  --d-accent: #8DB68A;
  --d-accent-ink: #171D17;
  --d-accent-soft: #2F3C2E;
  --d-accent-text: #A2C39F;
  --d-warm: #D1A277;
  --d-warm-ink: #171D17;
  --d-warm-soft: #3C382A;
  --d-warm-text: #DAB592;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #9BBF98;
  --d-stage: linear-gradient(160deg, #1E2A1F 0%, #1C2C23 55%, #1A2E26 100%);
  --d-page: linear-gradient(180deg, #1C221C 0%, #171D17 42%, #151B15 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="coast"] {
  --d-bg: #F4EFE4;
  --d-surface: #FFFDF7;
  --d-surface-2: #FAF6EE;
  --d-sunken: #E9E4DA;
  --d-line: rgba(47, 56, 60, 0.12);
  --d-line-strong: rgba(47, 56, 60, 0.24);
  --d-ink: #2F383C;
  --d-ink-2: #646867;
  --d-ink-3: #848582;
  --d-ink-inverse: #FFFDF7;
  --d-accent: #2F6F84;
  --d-accent-ink: #FFFDF7;
  --d-accent-soft: #E2E9E7;
  --d-accent-text: #296274;
  --d-warm: #A55C3B;
  --d-warm-ink: #FFFDF7;
  --d-warm-soft: #F2E6DD;
  --d-warm-text: #8E4F33;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #2F6F84;
  --d-stage: linear-gradient(160deg, #F6EBD6 0%, #E1E7E1 55%, #CFE4EA 100%);
  --d-page: linear-gradient(180deg, #F6F2E9 0%, #F4EFE4 42%, #EEE9DE 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="coast"][data-theme="dark"] {
  --d-bg: #182024;
  --d-surface: #242B2F;
  --d-surface-2: #2C3337;
  --d-sunken: #151C20;
  --d-line: rgba(232, 235, 230, 0.1);
  --d-line-strong: rgba(232, 235, 230, 0.2);
  --d-ink: #E8EBE6;
  --d-ink-2: #AEB2B0;
  --d-ink-3: #808685;
  --d-ink-inverse: #182024;
  --d-accent: #7FBDD0;
  --d-accent-ink: #182024;
  --d-accent-soft: #2D3F46;
  --d-accent-text: #96C9D8;
  --d-warm: #E09A78;
  --d-warm-ink: #182024;
  --d-warm-soft: #403835;
  --d-warm-text: #E6AE93;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #8EC5D6;
  --d-stage: linear-gradient(160deg, #213038 0%, #1E363F 55%, #1C3A44 100%);
  --d-page: linear-gradient(180deg, #1D2428 0%, #182024 42%, #161D21 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="coast"][data-theme="system"] {
  --d-bg: #182024;
  --d-surface: #242B2F;
  --d-surface-2: #2C3337;
  --d-sunken: #151C20;
  --d-line: rgba(232, 235, 230, 0.1);
  --d-line-strong: rgba(232, 235, 230, 0.2);
  --d-ink: #E8EBE6;
  --d-ink-2: #AEB2B0;
  --d-ink-3: #808685;
  --d-ink-inverse: #182024;
  --d-accent: #7FBDD0;
  --d-accent-ink: #182024;
  --d-accent-soft: #2D3F46;
  --d-accent-text: #96C9D8;
  --d-warm: #E09A78;
  --d-warm-ink: #182024;
  --d-warm-soft: #403835;
  --d-warm-text: #E6AE93;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #8EC5D6;
  --d-stage: linear-gradient(160deg, #213038 0%, #1E363F 55%, #1C3A44 100%);
  --d-page: linear-gradient(180deg, #1D2428 0%, #182024 42%, #161D21 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="desert"] {
  --d-bg: #F3EADD;
  --d-surface: #FDF7EE;
  --d-surface-2: #F8F1E6;
  --d-sunken: #E8DFD3;
  --d-line: rgba(58, 48, 39, 0.12);
  --d-line-strong: rgba(58, 48, 39, 0.24);
  --d-ink: #3A3027;
  --d-ink-2: #72685E;
  --d-ink-3: #888076;
  --d-ink-inverse: #FDF7EE;
  --d-accent: #8E5F23;
  --d-accent-ink: #FDF7EE;
  --d-accent-soft: #EDE2D2;
  --d-accent-text: #7D541F;
  --d-warm: #8A4E34;
  --d-warm-ink: #FDF7EE;
  --d-warm-soft: #EDDFD4;
  --d-warm-text: #77432D;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #8E5F23;
  --d-stage: linear-gradient(160deg, #F6E6CC 0%, #EED6B5 55%, #E7C9A2 100%);
  --d-page: linear-gradient(180deg, #F5EEE3 0%, #F3EADD 42%, #EDE4D7 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="desert"][data-theme="dark"] {
  --d-bg: #211B15;
  --d-surface: #2C2621;
  --d-surface-2: #342E29;
  --d-sunken: #1D1812;
  --d-line: rgba(240, 230, 216, 0.1);
  --d-line-strong: rgba(240, 230, 216, 0.2);
  --d-ink: #F0E6D8;
  --d-ink-2: #B6ADA1;
  --d-ink-3: #898177;
  --d-ink-inverse: #211B15;
  --d-accent: #DDAA62;
  --d-accent-ink: #211B15;
  --d-accent-soft: #473824;
  --d-accent-text: #E3B97E;
  --d-warm: #E09A7A;
  --d-warm-ink: #211B15;
  --d-warm-soft: #473429;
  --d-warm-text: #E6AE95;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #E1B475;
  --d-stage: linear-gradient(160deg, #2E2419 0%, #36271A 55%, #3C2A1B 100%);
  --d-page: linear-gradient(180deg, #25201A 0%, #211B15 42%, #1E1913 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="desert"][data-theme="system"] {
  --d-bg: #211B15;
  --d-surface: #2C2621;
  --d-surface-2: #342E29;
  --d-sunken: #1D1812;
  --d-line: rgba(240, 230, 216, 0.1);
  --d-line-strong: rgba(240, 230, 216, 0.2);
  --d-ink: #F0E6D8;
  --d-ink-2: #B6ADA1;
  --d-ink-3: #898177;
  --d-ink-inverse: #211B15;
  --d-accent: #DDAA62;
  --d-accent-ink: #211B15;
  --d-accent-soft: #473824;
  --d-accent-text: #E3B97E;
  --d-warm: #E09A7A;
  --d-warm-ink: #211B15;
  --d-warm-soft: #473429;
  --d-warm-text: #E6AE95;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #E1B475;
  --d-stage: linear-gradient(160deg, #2E2419 0%, #36271A 55%, #3C2A1B 100%);
  --d-page: linear-gradient(180deg, #25201A 0%, #211B15 42%, #1E1913 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="nordic"] {
  --d-bg: #F3F2EE;
  --d-surface: #FFFFFF;
  --d-surface-2: #F8F7F4;
  --d-sunken: #ECEAE4;
  --d-line: rgba(46, 49, 54, 0.1);
  --d-line-strong: rgba(46, 49, 54, 0.22);
  --d-ink: #2E3136;
  --d-ink-2: #565A61;
  --d-ink-3: #7C8088;
  --d-ink-inverse: #FFFFFF;
  --d-accent: #4F6D7A;
  --d-accent-ink: #FFFFFF;
  --d-accent-soft: #E3EBEE;
  --d-accent-text: #3A535E;
  --d-warm: #9A664C;
  --d-warm-ink: #FFFFFF;
  --d-warm-soft: #F3E7DF;
  --d-warm-text: #8A583E;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #4F6D7A;
  --d-stage: linear-gradient(160deg, #F6F4EF 0%, #E9EDEE 55%, #DFE6E8 100%);
  --d-page: linear-gradient(180deg, #F6F5F1 0%, #F3F2EE 45%, #EFEEE9 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="nordic"][data-theme="dark"] {
  --d-bg: #1C1E21;
  --d-surface: #25282C;
  --d-surface-2: #2B2F34;
  --d-sunken: #17191C;
  --d-line: rgba(233, 232, 227, 0.1);
  --d-line-strong: rgba(233, 232, 227, 0.2);
  --d-ink: #E9E8E3;
  --d-ink-2: #BFBFB9;
  --d-ink-3: #8F9095;
  --d-ink-inverse: #1C1E21;
  --d-accent: #8FAAB6;
  --d-accent-ink: #1C1E21;
  --d-accent-soft: #283338;
  --d-accent-text: #B4C8D1;
  --d-warm: #C98D6E;
  --d-warm-ink: #1C1E21;
  --d-warm-soft: #3B2C24;
  --d-warm-text: #E0AB90;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #A6BEC8;
  --d-stage: linear-gradient(160deg, #272A2F 0%, #263034 55%, #243036 100%);
  --d-page: linear-gradient(180deg, #1F2124 0%, #1C1E21 45%, #191B1E 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="nordic"][data-theme="system"] {
  --d-bg: #1C1E21;
  --d-surface: #25282C;
  --d-surface-2: #2B2F34;
  --d-sunken: #17191C;
  --d-line: rgba(233, 232, 227, 0.1);
  --d-line-strong: rgba(233, 232, 227, 0.2);
  --d-ink: #E9E8E3;
  --d-ink-2: #BFBFB9;
  --d-ink-3: #8F9095;
  --d-ink-inverse: #1C1E21;
  --d-accent: #8FAAB6;
  --d-accent-ink: #1C1E21;
  --d-accent-soft: #283338;
  --d-accent-text: #B4C8D1;
  --d-warm: #C98D6E;
  --d-warm-ink: #1C1E21;
  --d-warm-soft: #3B2C24;
  --d-warm-text: #E0AB90;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #A6BEC8;
  --d-stage: linear-gradient(160deg, #272A2F 0%, #263034 55%, #243036 100%);
  --d-page: linear-gradient(180deg, #1F2124 0%, #1C1E21 45%, #191B1E 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="cottage"] {
  --d-bg: #F5EFE5;
  --d-surface: #FFFBF4;
  --d-surface-2: #FAF5ED;
  --d-sunken: #EAE4DB;
  --d-line: rgba(54, 48, 42, 0.12);
  --d-line-strong: rgba(54, 48, 42, 0.24);
  --d-ink: #36302A;
  --d-ink-2: #6F6962;
  --d-ink-3: #87827B;
  --d-ink-inverse: #FFFBF4;
  --d-accent: #6A5A3F;
  --d-accent-ink: #FFFBF4;
  --d-accent-soft: #EAE4DB;
  --d-accent-text: #5D4F37;
  --d-warm: #A2543F;
  --d-warm-ink: #FFFBF4;
  --d-warm-soft: #F2E4DB;
  --d-warm-text: #8B4836;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #6A5A3F;
  --d-stage: linear-gradient(160deg, #F4E8D6 0%, #ECE1CE 55%, #E5DCC8 100%);
  --d-page: linear-gradient(180deg, #F7F2EA 0%, #F5EFE5 42%, #EFE9DF 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="cottage"][data-theme="dark"] {
  --d-bg: #1F1B17;
  --d-surface: #2A2623;
  --d-surface-2: #322E2B;
  --d-sunken: #1B1814;
  --d-line: rgba(238, 231, 220, 0.1);
  --d-line-strong: rgba(238, 231, 220, 0.2);
  --d-ink: #EEE7DC;
  --d-ink-2: #B4AEA5;
  --d-ink-3: #87817A;
  --d-ink-inverse: #1F1B17;
  --d-accent: #C7B08A;
  --d-accent-ink: #1F1B17;
  --d-accent-soft: #41392E;
  --d-accent-text: #D1BE9F;
  --d-warm: #DE9A84;
  --d-warm-ink: #1F1B17;
  --d-warm-soft: #45342D;
  --d-warm-text: #E5AE9D;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #CEB998;
  --d-stage: linear-gradient(160deg, #2A2420 0%, #2D2721 55%, #2F2A21 100%);
  --d-page: linear-gradient(180deg, #23201C 0%, #1F1B17 42%, #1D1915 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="cottage"][data-theme="system"] {
  --d-bg: #1F1B17;
  --d-surface: #2A2623;
  --d-surface-2: #322E2B;
  --d-sunken: #1B1814;
  --d-line: rgba(238, 231, 220, 0.1);
  --d-line-strong: rgba(238, 231, 220, 0.2);
  --d-ink: #EEE7DC;
  --d-ink-2: #B4AEA5;
  --d-ink-3: #87817A;
  --d-ink-inverse: #1F1B17;
  --d-accent: #C7B08A;
  --d-accent-ink: #1F1B17;
  --d-accent-soft: #41392E;
  --d-accent-text: #D1BE9F;
  --d-warm: #DE9A84;
  --d-warm-ink: #1F1B17;
  --d-warm-soft: #45342D;
  --d-warm-text: #E5AE9D;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #CEB998;
  --d-stage: linear-gradient(160deg, #2A2420 0%, #2D2721 55%, #2F2A21 100%);
  --d-page: linear-gradient(180deg, #23201C 0%, #1F1B17 42%, #1D1915 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="urban"] {
  --d-bg: #F1F1F0;
  --d-surface: #FFFFFF;
  --d-surface-2: #F8F8F8;
  --d-sunken: #E6E6E5;
  --d-line: rgba(35, 41, 47, 0.12);
  --d-line-strong: rgba(35, 41, 47, 0.24);
  --d-ink: #23292F;
  --d-ink-2: #616569;
  --d-ink-3: #85888A;
  --d-ink-inverse: #FFFFFF;
  --d-accent: #2F3B47;
  --d-accent-ink: #FFFFFF;
  --d-accent-soft: #E2E4E5;
  --d-accent-text: #29343E;
  --d-warm: #B85A36;
  --d-warm-ink: #FFFFFF;
  --d-warm-soft: #F5E8E3;
  --d-warm-text: #9E4D2E;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #2F3B47;
  --d-stage: linear-gradient(160deg, #ECEDEE 0%, #E1E4E7 55%, #D8DDE2 100%);
  --d-page: linear-gradient(180deg, #F4F4F3 0%, #F1F1F0 42%, #EBEBEA 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="urban"][data-theme="dark"] {
  --d-bg: #17191C;
  --d-surface: #232527;
  --d-surface-2: #2B2D2F;
  --d-sunken: #141619;
  --d-line: rgba(232, 233, 234, 0.1);
  --d-line-strong: rgba(232, 233, 234, 0.2);
  --d-ink: #E8E9EA;
  --d-ink-2: #ADAFB0;
  --d-ink-3: #808183;
  --d-ink-inverse: #17191C;
  --d-accent: #9DB2C8;
  --d-accent-ink: #17191C;
  --d-accent-soft: #32383E;
  --d-accent-text: #AFC0D2;
  --d-warm: #E0956F;
  --d-warm-ink: #17191C;
  --d-warm-soft: #3F322D;
  --d-warm-text: #E6AA8C;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #A9BBCF;
  --d-stage: linear-gradient(160deg, #1F2328 0%, #21272E 55%, #232A33 100%);
  --d-page: linear-gradient(180deg, #1C1E21 0%, #17191C 42%, #15171A 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="urban"][data-theme="system"] {
  --d-bg: #17191C;
  --d-surface: #232527;
  --d-surface-2: #2B2D2F;
  --d-sunken: #141619;
  --d-line: rgba(232, 233, 234, 0.1);
  --d-line-strong: rgba(232, 233, 234, 0.2);
  --d-ink: #E8E9EA;
  --d-ink-2: #ADAFB0;
  --d-ink-3: #808183;
  --d-ink-inverse: #17191C;
  --d-accent: #9DB2C8;
  --d-accent-ink: #17191C;
  --d-accent-soft: #32383E;
  --d-accent-text: #AFC0D2;
  --d-warm: #E0956F;
  --d-warm-ink: #17191C;
  --d-warm-soft: #3F322D;
  --d-warm-text: #E6AA8C;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #A9BBCF;
  --d-stage: linear-gradient(160deg, #1F2328 0%, #21272E 55%, #232A33 100%);
  --d-page: linear-gradient(180deg, #1C1E21 0%, #17191C 42%, #15171A 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="atelier"] {
  --d-bg: #F6F3EE;
  --d-surface: #FFFFFF;
  --d-surface-2: #FBF9F7;
  --d-sunken: #EBE8E3;
  --d-line: rgba(46, 43, 51, 0.12);
  --d-line-strong: rgba(46, 43, 51, 0.24);
  --d-ink: #2E2B33;
  --d-ink-2: #6A676B;
  --d-ink-3: #8D8A8B;
  --d-ink-inverse: #FFFFFF;
  --d-accent: #5346AD;
  --d-accent-ink: #FFFFFF;
  --d-accent-soft: #E7E5F4;
  --d-accent-text: #493E98;
  --d-warm: #A8641C;
  --d-warm-ink: #FFFFFF;
  --d-warm-soft: #F3E9DF;
  --d-warm-text: #905618;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #5346AD;
  --d-stage: linear-gradient(160deg, #F2EEF6 0%, #F5EAE2 55%, #F8E7D2 100%);
  --d-page: linear-gradient(180deg, #F8F5F1 0%, #F6F3EE 42%, #F0EDE8 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="atelier"][data-theme="dark"] {
  --d-bg: #1B191F;
  --d-surface: #26252A;
  --d-surface-2: #2E2D32;
  --d-sunken: #18161B;
  --d-line: rgba(236, 233, 241, 0.1);
  --d-line-strong: rgba(236, 233, 241, 0.2);
  --d-ink: #ECE9F1;
  --d-ink-2: #B1AFB6;
  --d-ink-3: #848188;
  --d-ink-inverse: #1B191F;
  --d-accent: #A9A0F0;
  --d-accent-ink: #1B191F;
  --d-accent-soft: #373449;
  --d-accent-text: #B8B1F3;
  --d-warm: #E9AE63;
  --d-warm-ink: #1B191F;
  --d-warm-soft: #44372D;
  --d-warm-text: #EDBE82;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #B3ABF2;
  --d-stage: linear-gradient(160deg, #25222D 0%, #292427 55%, #2D2522 100%);
  --d-page: linear-gradient(180deg, #201E23 0%, #1B191F 42%, #19171D 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="atelier"][data-theme="system"] {
  --d-bg: #1B191F;
  --d-surface: #26252A;
  --d-surface-2: #2E2D32;
  --d-sunken: #18161B;
  --d-line: rgba(236, 233, 241, 0.1);
  --d-line-strong: rgba(236, 233, 241, 0.2);
  --d-ink: #ECE9F1;
  --d-ink-2: #B1AFB6;
  --d-ink-3: #848188;
  --d-ink-inverse: #1B191F;
  --d-accent: #A9A0F0;
  --d-accent-ink: #1B191F;
  --d-accent-soft: #373449;
  --d-accent-text: #B8B1F3;
  --d-warm: #E9AE63;
  --d-warm-ink: #1B191F;
  --d-warm-soft: #44372D;
  --d-warm-text: #EDBE82;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #B3ABF2;
  --d-stage: linear-gradient(160deg, #25222D 0%, #292427 55%, #2D2522 100%);
  --d-page: linear-gradient(180deg, #201E23 0%, #1B191F 42%, #19171D 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="mediterranean"] {
  --d-bg: #F4EBDD;
  --d-surface: #FFF9EE;
  --d-surface-2: #FAF2E3;
  --d-sunken: #EDE2CF;
  --d-line: rgba(58, 51, 43, 0.12);
  --d-line-strong: rgba(58, 51, 43, 0.24);
  --d-ink: #3A332B;
  --d-ink-2: #615950;
  --d-ink-3: #847B70;
  --d-ink-inverse: #FFF9EE;
  --d-accent: #67733B;
  --d-accent-ink: #FFF9EE;
  --d-accent-soft: #E9EBD6;
  --d-accent-text: #525C2C;
  --d-warm: #AD5A3B;
  --d-warm-ink: #FFF7F0;
  --d-warm-soft: #F5E1D4;
  --d-warm-text: #964A2E;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #67733B;
  --d-stage: linear-gradient(160deg, #F6E9D3 0%, #E6EAD2 50%, #D4E4E6 100%);
  --d-page: linear-gradient(180deg, #F7EFE2 0%, #F4EBDD 45%, #F0E4D1 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="mediterranean"][data-theme="dark"] {
  --d-bg: #221E19;
  --d-surface: #2B2620;
  --d-surface-2: #322C25;
  --d-sunken: #1C1915;
  --d-line: rgba(240, 232, 218, 0.1);
  --d-line-strong: rgba(240, 232, 218, 0.2);
  --d-ink: #F0E8DA;
  --d-ink-2: #C8BEAE;
  --d-ink-3: #998F80;
  --d-ink-inverse: #221E19;
  --d-accent: #A6B06A;
  --d-accent-ink: #221E19;
  --d-accent-soft: #343626;
  --d-accent-text: #C6CE93;
  --d-warm: #D98B6B;
  --d-warm-ink: #221E19;
  --d-warm-soft: #3F2A21;
  --d-warm-text: #EBA98C;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #BFC88A;
  --d-stage: linear-gradient(160deg, #30291F 0%, #2C3024 50%, #233135 100%);
  --d-page: linear-gradient(180deg, #25201B 0%, #221E19 45%, #1E1B16 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="mediterranean"][data-theme="system"] {
  --d-bg: #221E19;
  --d-surface: #2B2620;
  --d-surface-2: #322C25;
  --d-sunken: #1C1915;
  --d-line: rgba(240, 232, 218, 0.1);
  --d-line-strong: rgba(240, 232, 218, 0.2);
  --d-ink: #F0E8DA;
  --d-ink-2: #C8BEAE;
  --d-ink-3: #998F80;
  --d-ink-inverse: #221E19;
  --d-accent: #A6B06A;
  --d-accent-ink: #221E19;
  --d-accent-soft: #343626;
  --d-accent-text: #C6CE93;
  --d-warm: #D98B6B;
  --d-warm-ink: #221E19;
  --d-warm-soft: #3F2A21;
  --d-warm-text: #EBA98C;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #BFC88A;
  --d-stage: linear-gradient(160deg, #30291F 0%, #2C3024 50%, #233135 100%);
  --d-page: linear-gradient(180deg, #25201B 0%, #221E19 45%, #1E1B16 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="mosaic"] {
  --d-bg: #F4EEE3;
  --d-surface: #FFFAF1;
  --d-surface-2: #FAF4EA;
  --d-sunken: #E9E3D9;
  --d-line: rgba(47, 49, 52, 0.12);
  --d-line-strong: rgba(47, 49, 52, 0.24);
  --d-ink: #2F3134;
  --d-ink-2: #6A6A69;
  --d-ink-3: #84827E;
  --d-ink-inverse: #FFFAF1;
  --d-accent: #1F6878;
  --d-accent-ink: #FFFAF1;
  --d-accent-soft: #E0E6E0;
  --d-accent-text: #1B5C6A;
  --d-warm: #AF5A38;
  --d-warm-ink: #FFFAF1;
  --d-warm-soft: #F4E4D7;
  --d-warm-text: #974D30;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #1F6878;
  --d-stage: linear-gradient(160deg, #F3E6D0 0%, #DFE3DA 55%, #CFE1E3 100%);
  --d-page: linear-gradient(180deg, #F6F1E8 0%, #F4EEE3 42%, #EEE8DD 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="mosaic"][data-theme="dark"] {
  --d-bg: #17201F;
  --d-surface: #232B2A;
  --d-surface-2: #2B3332;
  --d-sunken: #141C1B;
  --d-line: rgba(234, 235, 228, 0.1);
  --d-line-strong: rgba(234, 235, 228, 0.2);
  --d-ink: #EAEBE4;
  --d-ink-2: #AFB2AD;
  --d-ink-3: #818682;
  --d-ink-inverse: #17201F;
  --d-accent: #7CC2CE;
  --d-accent-ink: #17201F;
  --d-accent-soft: #2B4042;
  --d-accent-text: #94CDD7;
  --d-warm: #E39A78;
  --d-warm-ink: #17201F;
  --d-warm-soft: #403831;
  --d-warm-text: #E9AE93;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #8CC9D4;
  --d-stage: linear-gradient(160deg, #1E2B2C 0%, #213131 55%, #243535 100%);
  --d-page: linear-gradient(180deg, #1C2423 0%, #17201F 42%, #151D1D 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="mosaic"][data-theme="system"] {
  --d-bg: #17201F;
  --d-surface: #232B2A;
  --d-surface-2: #2B3332;
  --d-sunken: #141C1B;
  --d-line: rgba(234, 235, 228, 0.1);
  --d-line-strong: rgba(234, 235, 228, 0.2);
  --d-ink: #EAEBE4;
  --d-ink-2: #AFB2AD;
  --d-ink-3: #818682;
  --d-ink-inverse: #17201F;
  --d-accent: #7CC2CE;
  --d-accent-ink: #17201F;
  --d-accent-soft: #2B4042;
  --d-accent-text: #94CDD7;
  --d-warm: #E39A78;
  --d-warm-ink: #17201F;
  --d-warm-soft: #403831;
  --d-warm-text: #E9AE93;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #8CC9D4;
  --d-stage: linear-gradient(160deg, #1E2B2C 0%, #213131 55%, #243535 100%);
  --d-page: linear-gradient(180deg, #1C2423 0%, #17201F 42%, #151D1D 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="album"] {
  --d-bg: #F5F2EB;
  --d-surface: #FFFFFF;
  --d-surface-2: #FAF9F5;
  --d-sunken: #EAE7E0;
  --d-line: rgba(44, 42, 39, 0.12);
  --d-line-strong: rgba(44, 42, 39, 0.24);
  --d-ink: #2C2A27;
  --d-ink-2: #686662;
  --d-ink-3: #8C8985;
  --d-ink-inverse: #FFFFFF;
  --d-accent: #46423C;
  --d-accent-ink: #FFFFFF;
  --d-accent-soft: #E5E5E4;
  --d-accent-text: #3E3A35;
  --d-warm: #A05F44;
  --d-warm-ink: #FFFFFF;
  --d-warm-soft: #F2E9E5;
  --d-warm-text: #8A523A;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #46423C;
  --d-stage: linear-gradient(160deg, #F1ECE3 0%, #E9E3D9 55%, #E3DCD0 100%);
  --d-page: linear-gradient(180deg, #F7F4EF 0%, #F5F2EB 42%, #EFECE5 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="album"][data-theme="dark"] {
  --d-bg: #1C1B19;
  --d-surface: #272625;
  --d-surface-2: #2F2E2D;
  --d-sunken: #191816;
  --d-line: rgba(235, 232, 226, 0.1);
  --d-line-strong: rgba(235, 232, 226, 0.2);
  --d-ink: #EBE8E2;
  --d-ink-2: #B1AFAA;
  --d-ink-3: #84827E;
  --d-ink-inverse: #1C1B19;
  --d-accent: #CFC8BD;
  --d-accent-ink: #1C1B19;
  --d-accent-soft: #403E3A;
  --d-accent-text: #D8D2C9;
  --d-warm: #DBA287;
  --d-warm-ink: #1C1B19;
  --d-warm-soft: #42362F;
  --d-warm-text: #E2B59F;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #D5CFC5;
  --d-stage: linear-gradient(160deg, #242321 0%, #282623 55%, #2B2824 100%);
  --d-page: linear-gradient(180deg, #21201E 0%, #1C1B19 42%, #1A1917 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="album"][data-theme="system"] {
  --d-bg: #1C1B19;
  --d-surface: #272625;
  --d-surface-2: #2F2E2D;
  --d-sunken: #191816;
  --d-line: rgba(235, 232, 226, 0.1);
  --d-line-strong: rgba(235, 232, 226, 0.2);
  --d-ink: #EBE8E2;
  --d-ink-2: #B1AFAA;
  --d-ink-3: #84827E;
  --d-ink-inverse: #1C1B19;
  --d-accent: #CFC8BD;
  --d-accent-ink: #1C1B19;
  --d-accent-soft: #403E3A;
  --d-accent-text: #D8D2C9;
  --d-warm: #DBA287;
  --d-warm-ink: #1C1B19;
  --d-warm-soft: #42362F;
  --d-warm-text: #E2B59F;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #D5CFC5;
  --d-stage: linear-gradient(160deg, #242321 0%, #282623 55%, #2B2824 100%);
  --d-page: linear-gradient(180deg, #21201E 0%, #1C1B19 42%, #1A1917 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="travel"] {
  --d-bg: #F3EEE3;
  --d-surface: #FFFCF4;
  --d-surface-2: #F9F5EC;
  --d-sunken: #E8E3D9;
  --d-line: rgba(46, 52, 47, 0.12);
  --d-line-strong: rgba(46, 52, 47, 0.24);
  --d-ink: #2E342F;
  --d-ink-2: #696C65;
  --d-ink-3: #83847D;
  --d-ink-inverse: #FFFCF4;
  --d-accent: #355F50;
  --d-accent-ink: #FFFCF4;
  --d-accent-soft: #E3E6DD;
  --d-accent-text: #2F5446;
  --d-warm: #A25E34;
  --d-warm-ink: #FFFCF4;
  --d-warm-soft: #F2E6D9;
  --d-warm-text: #8B512D;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #355F50;
  --d-stage: linear-gradient(160deg, #F2E8D4 0%, #E3E5D5 55%, #D6E3D6 100%);
  --d-page: linear-gradient(180deg, #F5F1E8 0%, #F3EEE3 42%, #EDE8DD 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="travel"][data-theme="dark"] {
  --d-bg: #191E1B;
  --d-surface: #252926;
  --d-surface-2: #2D312E;
  --d-sunken: #161A18;
  --d-line: rgba(232, 234, 227, 0.1);
  --d-line-strong: rgba(232, 234, 227, 0.2);
  --d-ink: #E8EAE3;
  --d-ink-2: #AEB1AB;
  --d-ink-3: #81847F;
  --d-ink-inverse: #191E1B;
  --d-accent: #8DBFA9;
  --d-accent-ink: #191E1B;
  --d-accent-soft: #303E37;
  --d-accent-text: #A2CBB8;
  --d-warm: #E0A270;
  --d-warm-ink: #191E1B;
  --d-warm-soft: #41382C;
  --d-warm-text: #E6B58D;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #9BC7B3;
  --d-stage: linear-gradient(160deg, #212923 0%, #262C22 55%, #2A2E22 100%);
  --d-page: linear-gradient(180deg, #1E2320 0%, #191E1B 42%, #171C19 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="travel"][data-theme="system"] {
  --d-bg: #191E1B;
  --d-surface: #252926;
  --d-surface-2: #2D312E;
  --d-sunken: #161A18;
  --d-line: rgba(232, 234, 227, 0.1);
  --d-line-strong: rgba(232, 234, 227, 0.2);
  --d-ink: #E8EAE3;
  --d-ink-2: #AEB1AB;
  --d-ink-3: #81847F;
  --d-ink-inverse: #191E1B;
  --d-accent: #8DBFA9;
  --d-accent-ink: #191E1B;
  --d-accent-soft: #303E37;
  --d-accent-text: #A2CBB8;
  --d-warm: #E0A270;
  --d-warm-ink: #191E1B;
  --d-warm-soft: #41382C;
  --d-warm-text: #E6B58D;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #9BC7B3;
  --d-stage: linear-gradient(160deg, #212923 0%, #262C22 55%, #2A2E22 100%);
  --d-page: linear-gradient(180deg, #1E2320 0%, #191E1B 42%, #171C19 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="sky"] {
  --d-bg: #F0F3F8;
  --d-surface: #FFFFFF;
  --d-surface-2: #F8F9FC;
  --d-sunken: #E5E8ED;
  --d-line: rgba(43, 48, 66, 0.12);
  --d-line-strong: rgba(43, 48, 66, 0.24);
  --d-ink: #2B3042;
  --d-ink-2: #666B79;
  --d-ink-3: #80848E;
  --d-ink-inverse: #FFFFFF;
  --d-accent: #4F62A3;
  --d-accent-ink: #FFFFFF;
  --d-accent-soft: #E6E9F2;
  --d-accent-text: #46568F;
  --d-warm: #AA6147;
  --d-warm-ink: #FFFFFF;
  --d-warm-soft: #F3E9E5;
  --d-warm-text: #92533D;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #4F62A3;
  --d-stage: linear-gradient(160deg, #EDF2FA 0%, #F4EDEC 55%, #F9E8E0 100%);
  --d-page: linear-gradient(180deg, #F3F5F9 0%, #F0F3F8 42%, #EAEDF2 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="sky"][data-theme="dark"] {
  --d-bg: #171B27;
  --d-surface: #232632;
  --d-surface-2: #2B2E39;
  --d-sunken: #141822;
  --d-line: rgba(232, 234, 242, 0.1);
  --d-line-strong: rgba(232, 234, 242, 0.2);
  --d-ink: #E8EAF2;
  --d-ink-2: #ADB0B9;
  --d-ink-3: #80838D;
  --d-ink-inverse: #171B27;
  --d-accent: #A5B4EE;
  --d-accent-ink: #171B27;
  --d-accent-soft: #333A4F;
  --d-accent-text: #B5C2F1;
  --d-warm: #EBA78C;
  --d-warm-ink: #171B27;
  --d-warm-soft: #41373B;
  --d-warm-text: #EFB9A3;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #B0BDF0;
  --d-stage: linear-gradient(160deg, #1F2535 0%, #252636 55%, #2A2737 100%);
  --d-page: linear-gradient(180deg, #1C202B 0%, #171B27 42%, #151924 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="sky"][data-theme="system"] {
  --d-bg: #171B27;
  --d-surface: #232632;
  --d-surface-2: #2B2E39;
  --d-sunken: #141822;
  --d-line: rgba(232, 234, 242, 0.1);
  --d-line-strong: rgba(232, 234, 242, 0.2);
  --d-ink: #E8EAF2;
  --d-ink-2: #ADB0B9;
  --d-ink-3: #80838D;
  --d-ink-inverse: #171B27;
  --d-accent: #A5B4EE;
  --d-accent-ink: #171B27;
  --d-accent-soft: #333A4F;
  --d-accent-text: #B5C2F1;
  --d-warm: #EBA78C;
  --d-warm-ink: #171B27;
  --d-warm-soft: #41373B;
  --d-warm-text: #EFB9A3;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #B0BDF0;
  --d-stage: linear-gradient(160deg, #1F2535 0%, #252636 55%, #2A2737 100%);
  --d-page: linear-gradient(180deg, #1C202B 0%, #171B27 42%, #151924 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="ocean"] {
  --d-bg: #ECF3F3;
  --d-surface: #FBFEFE;
  --d-surface-2: #F4F9F9;
  --d-sunken: #E1E8E8;
  --d-line: rgba(34, 51, 56, 0.12);
  --d-line-strong: rgba(34, 51, 56, 0.24);
  --d-ink: #223338;
  --d-ink-2: #5F6D70;
  --d-ink-3: #7B8587;
  --d-ink-inverse: #FBFEFE;
  --d-accent: #1F6F77;
  --d-accent-ink: #FBFEFE;
  --d-accent-soft: #DCEAEB;
  --d-accent-text: #1B6269;
  --d-warm: #A95F3F;
  --d-warm-ink: #FBFEFE;
  --d-warm-soft: #F0E8E3;
  --d-warm-text: #915236;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #1F6F77;
  --d-stage: linear-gradient(160deg, #E2F0F0 0%, #CFE7E8 55%, #BFE0E2 100%);
  --d-page: linear-gradient(180deg, #EFF5F5 0%, #ECF3F3 42%, #E6EDED 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="ocean"][data-theme="dark"] {
  --d-bg: #111F23;
  --d-surface: #1D2A2E;
  --d-surface-2: #253236;
  --d-sunken: #0F1B1F;
  --d-line: rgba(227, 237, 238, 0.1);
  --d-line-strong: rgba(227, 237, 238, 0.2);
  --d-ink: #E3EDEE;
  --d-ink-2: #A8B3B5;
  --d-ink-3: #7A8689;
  --d-ink-inverse: #111F23;
  --d-accent: #79CBD0;
  --d-accent-ink: #111F23;
  --d-accent-soft: #264146;
  --d-accent-text: #91D4D8;
  --d-warm: #E3A283;
  --d-warm-ink: #111F23;
  --d-warm-soft: #3B3936;
  --d-warm-text: #E9B59C;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #89D1D6;
  --d-stage: linear-gradient(160deg, #17313A 0%, #143841 55%, #123E46 100%);
  --d-page: linear-gradient(180deg, #162327 0%, #111F23 42%, #101D20 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="ocean"][data-theme="system"] {
  --d-bg: #111F23;
  --d-surface: #1D2A2E;
  --d-surface-2: #253236;
  --d-sunken: #0F1B1F;
  --d-line: rgba(227, 237, 238, 0.1);
  --d-line-strong: rgba(227, 237, 238, 0.2);
  --d-ink: #E3EDEE;
  --d-ink-2: #A8B3B5;
  --d-ink-3: #7A8689;
  --d-ink-inverse: #111F23;
  --d-accent: #79CBD0;
  --d-accent-ink: #111F23;
  --d-accent-soft: #264146;
  --d-accent-text: #91D4D8;
  --d-warm: #E3A283;
  --d-warm-ink: #111F23;
  --d-warm-soft: #3B3936;
  --d-warm-text: #E9B59C;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #89D1D6;
  --d-stage: linear-gradient(160deg, #17313A 0%, #143841 55%, #123E46 100%);
  --d-page: linear-gradient(180deg, #162327 0%, #111F23 42%, #101D20 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="space"] {
  --d-bg: #EDEFF6;
  --d-surface: #FAFBFF;
  --d-surface-2: #F4F5FB;
  --d-sunken: #E2E4EB;
  --d-line: rgba(32, 36, 58, 0.12);
  --d-line-strong: rgba(32, 36, 58, 0.24);
  --d-ink: #20243A;
  --d-ink-2: #5E6172;
  --d-ink-3: #838593;
  --d-ink-inverse: #FAFBFF;
  --d-accent: #3F4D9C;
  --d-accent-ink: #FAFBFF;
  --d-accent-soft: #E0E3F1;
  --d-accent-text: #374489;
  --d-warm: #9E5E35;
  --d-warm-ink: #FAFBFF;
  --d-warm-soft: #EDE5E3;
  --d-warm-text: #88512E;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #3F4D9C;
  --d-stage: linear-gradient(160deg, #E4E8F5 0%, #D6DCF0 55%, #CBD2EC 100%);
  --d-page: linear-gradient(180deg, #F0F2F8 0%, #EDEFF6 42%, #E7E9F0 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="space"][data-theme="dark"] {
  --d-bg: #11131C;
  --d-surface: #1D1F27;
  --d-surface-2: #25272F;
  --d-sunken: #0F1119;
  --d-line: rgba(230, 232, 244, 0.1);
  --d-line-strong: rgba(230, 232, 244, 0.2);
  --d-ink: #E6E8F4;
  --d-ink-2: #AAACB8;
  --d-ink-3: #7C7E88;
  --d-ink-inverse: #11131C;
  --d-accent: #9DADF0;
  --d-accent-ink: #11131C;
  --d-accent-soft: #2D3246;
  --d-accent-text: #AFBCF3;
  --d-warm: #F0B07A;
  --d-warm-ink: #11131C;
  --d-warm-soft: #3E322F;
  --d-warm-text: #F3C095;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #A9B7F2;
  --d-stage: linear-gradient(160deg, #141A2E 0%, #181934 55%, #1C1838 100%);
  --d-page: linear-gradient(180deg, #161821 0%, #11131C 42%, #10111A 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="space"][data-theme="system"] {
  --d-bg: #11131C;
  --d-surface: #1D1F27;
  --d-surface-2: #25272F;
  --d-sunken: #0F1119;
  --d-line: rgba(230, 232, 244, 0.1);
  --d-line-strong: rgba(230, 232, 244, 0.2);
  --d-ink: #E6E8F4;
  --d-ink-2: #AAACB8;
  --d-ink-3: #7C7E88;
  --d-ink-inverse: #11131C;
  --d-accent: #9DADF0;
  --d-accent-ink: #11131C;
  --d-accent-soft: #2D3246;
  --d-accent-text: #AFBCF3;
  --d-warm: #F0B07A;
  --d-warm-ink: #11131C;
  --d-warm-soft: #3E322F;
  --d-warm-text: #F3C095;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #A9B7F2;
  --d-stage: linear-gradient(160deg, #141A2E 0%, #181934 55%, #1C1838 100%);
  --d-page: linear-gradient(180deg, #161821 0%, #11131C 42%, #10111A 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}

html[data-ui="v2"][data-style="fairytale"] {
  --d-bg: #EEF2E7;
  --d-surface: #FAFCF4;
  --d-surface-2: #F4F7EE;
  --d-sunken: #E3E7DD;
  --d-line: rgba(44, 53, 41, 0.12);
  --d-line-strong: rgba(44, 53, 41, 0.24);
  --d-ink: #2C3529;
  --d-ink-2: #666E62;
  --d-ink-3: #80857C;
  --d-ink-inverse: #FAFCF4;
  --d-accent: #4F6D3E;
  --d-accent-ink: #FAFCF4;
  --d-accent-soft: #E2E8DB;
  --d-accent-text: #466037;
  --d-warm: #A2567A;
  --d-warm-ink: #FAFCF4;
  --d-warm-soft: #EEE5E3;
  --d-warm-text: #8B4A69;
  --d-ok: #4F7D5A;
  --d-ok-soft: #E3EEE4;
  --d-warn: #B07A2A;
  --d-warn-soft: #F6EBD6;
  --d-danger: #A94A3F;
  --d-danger-soft: #F5E1DD;
  --d-focus: #4F6D3E;
  --d-stage: linear-gradient(160deg, #E9F0E0 0%, #EFE9E7 55%, #F4E3EC 100%);
  --d-page: linear-gradient(180deg, #F1F4EB 0%, #EEF2E7 42%, #E8ECE1 100%);
  --d-shadow-1: 0 1px 2px rgba(52, 44, 30, 0.05), 0 10px 28px -20px rgba(52, 44, 30, 0.22);
  --d-shadow-2: 0 2px 6px rgba(52, 44, 30, 0.07), 0 24px 48px -28px rgba(52, 44, 30, 0.3);
  color-scheme: light;
}

html[data-ui="v2"][data-style="fairytale"][data-theme="dark"] {
  --d-bg: #161D16;
  --d-surface: #222822;
  --d-surface-2: #2A302A;
  --d-sunken: #131A13;
  --d-line: rgba(231, 237, 226, 0.1);
  --d-line-strong: rgba(231, 237, 226, 0.2);
  --d-ink: #E7EDE2;
  --d-ink-2: #ACB3A9;
  --d-ink-3: #7F857C;
  --d-ink-inverse: #161D16;
  --d-accent: #9CC48A;
  --d-accent-ink: #161D16;
  --d-accent-soft: #313E2D;
  --d-accent-text: #AECF9F;
  --d-warm: #E3A3C4;
  --d-warm-ink: #161D16;
  --d-warm-soft: #3F3839;
  --d-warm-text: #E9B5D0;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #A8CB98;
  --d-stage: linear-gradient(160deg, #1D2A1D 0%, #252627 55%, #2C2230 100%);
  --d-page: linear-gradient(180deg, #1B221B 0%, #161D16 42%, #141B14 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
html[data-ui="v2"][data-style="fairytale"][data-theme="system"] {
  --d-bg: #161D16;
  --d-surface: #222822;
  --d-surface-2: #2A302A;
  --d-sunken: #131A13;
  --d-line: rgba(231, 237, 226, 0.1);
  --d-line-strong: rgba(231, 237, 226, 0.2);
  --d-ink: #E7EDE2;
  --d-ink-2: #ACB3A9;
  --d-ink-3: #7F857C;
  --d-ink-inverse: #161D16;
  --d-accent: #9CC48A;
  --d-accent-ink: #161D16;
  --d-accent-soft: #313E2D;
  --d-accent-text: #AECF9F;
  --d-warm: #E3A3C4;
  --d-warm-ink: #161D16;
  --d-warm-soft: #3F3839;
  --d-warm-text: #E9B5D0;
  --d-ok: #8FBF9A;
  --d-ok-soft: #263429;
  --d-warn: #D9A85A;
  --d-warn-soft: #3A3020;
  --d-danger: #E08A7F;
  --d-danger-soft: #3D2522;
  --d-focus: #A8CB98;
  --d-stage: linear-gradient(160deg, #1D2A1D 0%, #252627 55%, #2C2230 100%);
  --d-page: linear-gradient(180deg, #1B221B 0%, #161D16 42%, #141B14 100%);
  --d-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 28px -20px rgba(0, 0, 0, 0.6);
  --d-shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 24px 48px -28px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}
}