html[data-ws-theme="glass"] {
    color-scheme: light;
    --ws-font-family: "Segoe UI", Tahoma, Arial, sans-serif;

    --ws-bg: linear-gradient(135deg, #cce5ff 0%, #f8ddff 45%, #dff6ff 100%);
    --ws-surface: rgba(255,255,255,.42);
    --ws-surface-2: rgba(255,255,255,.28);
    --ws-surface-3: rgba(255,255,255,.18);
    --ws-overlay: rgba(30,35,55,.22);

    --ws-text: #172033;
    --ws-text-muted: #5c6578;
    --ws-link: #315dce;
    --ws-primary: #546de5;
    --ws-primary-hover: #3f56c6;
    --ws-primary-text: #ffffff;

    --ws-border: rgba(255,255,255,.62);
    --ws-border-strong: rgba(75,85,115,.24);
    --ws-input-bg: rgba(255,255,255,.56);
    --ws-input-text: #172033;
    --ws-control-bg: rgba(255,255,255,.38);
    --ws-control-hover: rgba(255,255,255,.55);
    --ws-control-active: rgba(255,255,255,.68);
    --ws-focus: rgba(84,109,229,.28);

    --ws-radius: 16px;
    --ws-radius-lg: 22px;
    --ws-shadow: 0 4px 30px rgba(0,0,0,.10);
    --ws-shadow-soft: 0 3px 18px rgba(31,38,64,.10);
    --ws-inset-shadow: inset 0 1px rgba(255,255,255,.42);
    --ws-backdrop-filter: blur(9.7px);

    --ws-titlebar-bg: rgba(255,255,255,.28);
    --ws-titlebar-text: #172033;
    --ws-titlebar-inactive: rgba(255,255,255,.16);

    --ws-sidebar-bg: rgba(255,255,255,.28);
    --ws-sidebar-text: #172033;
    --ws-sidebar-link: #172033;
    --ws-sidebar-link-hover: rgba(255,255,255,.35);
    --ws-sidebar-link-active: rgba(84,109,229,.82);
    --ws-sidebar-link-active-text: #fff;
    --ws-topbar-bg: rgba(255,255,255,.30);
    --ws-topbar-border: rgba(255,255,255,.55);
}

html[data-ws-theme="glass-dark"] {
    color-scheme: dark;
    --ws-font-family: "Segoe UI", Tahoma, Arial, sans-serif;

    --ws-bg: linear-gradient(135deg, #090b13 0%, #231328 48%, #101a24 100%);
    --ws-surface: rgba(38,14,14,.12);
    --ws-surface-2: rgba(255,255,255,.07);
    --ws-surface-3: rgba(255,255,255,.10);
    --ws-overlay: rgba(0,0,0,.58);

    --ws-text: #f6f5fb;
    --ws-text-muted: #bab6c5;
    --ws-link: #9cb7ff;
    --ws-primary: #9277ff;
    --ws-primary-hover: #aa95ff;
    --ws-primary-text: #ffffff;

    --ws-border: rgba(255,255,255,.16);
    --ws-border-strong: rgba(255,255,255,.26);
    --ws-input-bg: rgba(0,0,0,.22);
    --ws-input-text: #ffffff;
    --ws-control-bg: rgba(255,255,255,.08);
    --ws-control-hover: rgba(255,255,255,.13);
    --ws-control-active: rgba(255,255,255,.18);
    --ws-focus: rgba(146,119,255,.36);

    --ws-radius: 16px;
    --ws-radius-lg: 22px;
    --ws-shadow: 0 4px 30px rgba(0,0,0,.32);
    --ws-shadow-soft: 0 3px 18px rgba(0,0,0,.22);
    --ws-inset-shadow: inset 0 1px rgba(255,255,255,.10);
    --ws-backdrop-filter: blur(9.7px);

    --ws-titlebar-bg: rgba(255,255,255,.08);
    --ws-titlebar-text: #ffffff;
    --ws-titlebar-inactive: rgba(255,255,255,.045);

    --ws-sidebar-bg: rgba(0,0,0,.18);
    --ws-sidebar-text: #f6f5fb;
    --ws-sidebar-link: #f6f5fb;
    --ws-sidebar-link-hover: rgba(255,255,255,.09);
    --ws-sidebar-link-active: rgba(146,119,255,.74);
    --ws-sidebar-link-active-text: #fff;
    --ws-topbar-bg: rgba(0,0,0,.18);
    --ws-topbar-border: rgba(255,255,255,.12);
}