/*
 * Alloy swayosd style
 *
 * OSD overlay for volume, brightness, caps-lock, num-lock. Alloy light-mode
 * palette; docs/TOKENS.md is source of truth.
 *
 * swayosd renders in GTK; standard CSS applies. Palette is inlined here
 * because CSS variables inside GTK 4 stylesheets have quirks with
 * osd/window inheritance — verbose but reliable.
 */

window#osd {
    background-color: #ede7de;   /* surface-raised */
    color:            #1a1816;   /* text-primary */
    border:           1px solid #cabeae;  /* border */
    border-radius:    4px;
    padding:          10px 14px;
    box-shadow:       0 2px 6px rgba(48, 44, 34, 0.08);
}

image, label {
    color: #1a1816;              /* text-primary */
}

label.title {
    color: #222d38;              /* text-secondary */
    font-weight: bold;
}

progressbar {
    min-height: 4px;
    background: transparent;
    border: none;
}

progressbar > trough {
    background: #dad2c7;         /* border-subtle */
    border: none;
    border-radius: 2px;
    min-height: 4px;
}

progressbar > trough > progress {
    background: #b07840;         /* accent-warn */
    border: none;
    border-radius: 2px;
    min-height: 4px;
}

/* Caps-lock / num-lock indicator variant */
window#osd.mode {
    background-color: #ede7de;
    color:            #1a1816;
}