:root {
    --desktop-shell-glow: color-mix(in srgb, var(--primary) 34%, transparent);
    --desktop-shell-border: color-mix(in srgb, var(--border-color) 82%, transparent);
    --desktop-shell-surface: color-mix(in srgb, var(--window-bg) 90%, transparent);
}

#taskbar {
    height: 60px;
    border-top: 1px solid var(--desktop-shell-border);
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--taskbar-bg) 78%, transparent) 0%,
            color-mix(in srgb, var(--window-header-bg) 88%, transparent) 100%);
}

#start-button {
    min-height: 42px;
    padding: 9px 15px;
    border-radius: 999px;
    border-color: color-mix(in srgb, var(--desktop-shell-border) 75%, transparent);
    box-shadow: 0 0 0 1px color-mix(in srgb, #ffffff 6%, transparent) inset;
}

#start-button:hover,
#start-button.active {
    box-shadow:
        0 8px 20px color-mix(in srgb, var(--shadow-color) 72%, transparent),
        0 0 0 1px color-mix(in srgb, var(--desktop-shell-glow) 38%, transparent) inset;
}

#start-menu {
    width: 330px;
    border-radius: 16px;
    border-color: color-mix(in srgb, var(--desktop-shell-border) 86%, transparent);
    box-shadow:
        0 24px 48px color-mix(in srgb, var(--shadow-color) 76%, transparent),
        0 0 0 1px color-mix(in srgb, var(--desktop-shell-glow) 12%, transparent) inset;
}

.taskbar-icon {
    min-width: 42px;
    justify-content: center;
    border-radius: 8px;
}

.window {
    border-radius: 12px;
    border-color: color-mix(in srgb, var(--desktop-shell-border) 85%, transparent);
    box-shadow: 0 10px calc(14px + 30px * var(--ui-shadow-level, 0.65)) var(--shadow-color);
}

.window.active {
    box-shadow:
        0 16px calc(18px + 32px * var(--ui-shadow-level, 0.65)) var(--shadow-color),
        0 0 0 1px color-mix(in srgb, var(--desktop-shell-glow) 22%, transparent);
}

.window-header {
    backdrop-filter: blur(calc(3px + 6px * var(--ui-glass-level, 0.7)));
}

.desktop-context-menu {
    border-radius: 12px;
    border-color: color-mix(in srgb, var(--desktop-shell-border) 86%, transparent);
}