/* --- Wofi Neutral Mono (Transparent) --- */
@define-color bg       rgba(18,18,18,0.4);
@define-color fg       #e6e6e6;
@define-color muted    #b5b5b5;
@define-color border   rgba(42,42,42,0.45);
@define-color inputbg  rgba(22,22,22,0.5);
@define-color selbg    rgba(255,255,255,0.14);
@define-color selfg    #ffffff;

window {
    margin: 8px;
    border: 1px solid @border;
    background-color: @bg;          /* translucent */
    border-radius: 8px;
}

#outer-box {
    margin: 10px;
    border: none;
    border-radius: 10px;
    background-color: transparent;  /* keep layers see-through */
}

#input {
    margin: 10px 10px 6px;
    padding: 10px 10px;
    border: 1px solid @border;
    border-radius: 10px;
    background-color: @inputbg;     /* slightly more opaque for legibility */
    color: @fg;
    outline: none;
}
#input:focus { border: 1px solid rgba(90,90,90,0.6); }

#inner-box {
    margin: 6px 10px 10px;
    border: 1px solid @border;
    border-radius: 10px;
    background-color: transparent;
    color: @fg;
}

#scroll {
    margin: 6px 0;
    border: none;
    border-radius: 8px;
    background: transparent;
}

#entry {
    margin: 0;
    padding: 8px 10px;
    border: none;
    border-radius: 8px;
    background-color: transparent;
    color: @fg;
}
#entry:hover   { background-color: rgba(255,255,255,0.08); }
#entry:selected{
    background-color: @selbg;       /* translucent selection */
    color: @selfg;
}

#text { color: @fg; }
#text:selected {
    color: @selfg;
    background-color: @selbg;
    border-radius: 8px;
}

#img { border-radius: 6px; }
#img:selected {
    background-color: @selbg;
    border-radius: 6px;
}