html[data-ws-theme="neumorphism"] {
    color-scheme: light;
    --ws-font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    --ws-bg: #e7ebf0;
    --ws-surface: #e7ebf0;
    --ws-surface-2: #edf0f4;
    --ws-surface-3: #dfe4ea;
    --ws-overlay: rgba(78,89,105,.18);

    --ws-text: #29313d;
    --ws-text-muted: #707a88;
    --ws-link: #526fb4;
    --ws-primary: #667eea;
    --ws-primary-hover: #556bd0;
    --ws-primary-text: #ffffff;

    --ws-border: transparent;
    --ws-border-strong: transparent;
    --ws-input-bg: #e7ebf0;
    --ws-input-text: #29313d;
    --ws-control-bg: #e7ebf0;
    --ws-control-hover: #edf0f4;
    --ws-control-active: #e0e5eb;
    --ws-focus: rgba(102,126,234,.25);

    --ws-radius: 14px;
    --ws-radius-lg: 20px;
    --ws-shadow: 10px 10px 24px #c5c9cd, -10px -10px 24px #ffffff;
    --ws-shadow-soft: 5px 5px 12px #c8ccd1, -5px -5px 12px #ffffff;
    --ws-inset-shadow: inset 4px 4px 10px #c8ccd1, inset -4px -4px 10px #ffffff;

    --ws-titlebar-bg: #e7ebf0;
    --ws-titlebar-text: #29313d;
    --ws-titlebar-inactive: #e1e5ea;

    --ws-sidebar-bg: #e7ebf0;
    --ws-sidebar-text: #29313d;
    --ws-sidebar-link: #29313d;
    --ws-sidebar-link-hover: #edf0f4;
    --ws-sidebar-link-active: #667eea;
    --ws-sidebar-link-active-text: #fff;
    --ws-topbar-bg: #e7ebf0;
    --ws-topbar-border: transparent;
}

html[data-ws-theme="neumorphism-dark"] {
    color-scheme: dark;
    --ws-font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    --ws-bg: #20242a;
    --ws-surface: #20242a;
    --ws-surface-2: #262b32;
    --ws-surface-3: #1b1f24;
    --ws-overlay: rgba(0,0,0,.46);

    --ws-text: #edf0f4;
    --ws-text-muted: #aab1bb;
    --ws-link: #8ca8ff;
    --ws-primary: #7186ef;
    --ws-primary-hover: #8799f6;
    --ws-primary-text: #ffffff;

    --ws-border: transparent;
    --ws-border-strong: transparent;
    --ws-input-bg: #20242a;
    --ws-input-text: #f5f7fa;
    --ws-control-bg: #20242a;
    --ws-control-hover: #282d34;
    --ws-control-active: #1d2126;
    --ws-focus: rgba(113,134,239,.32);

    --ws-radius: 14px;
    --ws-radius-lg: 20px;
    --ws-shadow: 10px 10px 24px #15181c, -10px -10px 24px #2b3038;
    --ws-shadow-soft: 5px 5px 12px #15181c, -5px -5px 12px #2b3038;
    --ws-inset-shadow: inset 4px 4px 10px #15181c, inset -4px -4px 10px #2b3038;

    --ws-titlebar-bg: #20242a;
    --ws-titlebar-text: #edf0f4;
    --ws-titlebar-inactive: #1c2025;

    --ws-sidebar-bg: #20242a;
    --ws-sidebar-text: #edf0f4;
    --ws-sidebar-link: #edf0f4;
    --ws-sidebar-link-hover: #282d34;
    --ws-sidebar-link-active: #7186ef;
    --ws-sidebar-link-active-text: #fff;
    --ws-topbar-bg: #20242a;
    --ws-topbar-border: transparent;
}