$dock-bg   = #2c2c2e
$icon-bg   = #3a3a3c
$text      = #ffffff
$accent    = #0a84ff

Window {
    background: #1c1c1e
    height: 100vh
}

Panel {
    background: transparent
    border-width: 0px
    padding: 0px
    gap: 0px
    direction: vertical
}

.wallpaper {
    width: fill
    height: fill
}

.dock-outer {
    position: fixed
    bottom: 12px
    width: 50%
    direction: horizontal
    content-align: center
    align-items: center
}

.dock {
    direction: horizontal
    gap: 6px
    background: $dock-bg
    padding: 8px 14px
    border-radius: 16px
    border-width: 1px
    border-color: #444
}

.dock-icon {
    background: $icon-bg
    color: $text
    font-size: 13px
    font-weight: 600
    padding: 6px 10px
    border-width: 0px
    border-radius: 8px
}

.dock-icon:hover {
    background: $accent
    color: #fff
}