@define-color base #f0ead9;
@define-color text #1e2a4a;
@define-color border #8a8694;
@define-color image #2a3f6f;
@define-color label #2a3f6f;
@define-color progress #5a4a72;


/* Cancel out Omarchy settings */
window:not(:backdrop),
window:backdrop {
    border: none;
    border-width: 0;
    border-radius: 6px;
    background-color: transparent;
    box-shadow: none;
    padding: 12px;
}


/* Draw a new background (solid — like moodpeak, no blur) */
window:not(:backdrop) #container,
window:backdrop #container {
    border: 2px solid @border;
    border-radius: 6px;
    background-color: @base;
    padding: 12px;
    background-clip: padding-box;
    box-shadow: 2px 2px 9px 0px rgba(0, 0, 0, 0.25);
}

/* Volume / brightness bar: subtle track + accent edge */
progressbar trough {
    background-color: rgba(138, 134, 148, 0.6);
    border: 1px solid rgba(42, 63, 111, 0.22);
    border-radius: 3px;
}

progress {
    border-radius: 3px;
}