/* Base reset */
* {
    all: unset;
    font-family: "Agave Nerd Font Mono", sans-serif;
    font-size: 14pt;
    color: #d6abab; /* Updated text color */
    background-color: #1a1a1a;
}

/* Window styling */
window {
    background-color: #1a1a1a;
    color: #d6abab; /* Updated text color */
    padding: 20px; /* Increased padding for window */
}

/* Thunar / GTK3 selection fixes */

.rubberband,
.view.rubberband,
iconview.rubberband {
    background: transparent !important;
    border: 1px solid rgba(80, 24, 221, 0.7) !important;
}


/* Selected items (in icon view, list view, etc.) */
*:selected,
.view:selected,
iconview:selected,
treeview:selected,
list:selected,
row:selected {
    background-color: rgba(80, 24, 221, 0.25); /* subtle translucent purple */
    color: #d6abab; /* readable text */
}

/* Also handle focus highlight for keyboard navigation */
*:selected:focus,
.view:selected:focus,
row:selected:focus {
    background-color: rgba(80, 24, 221, 0.35);
    color: #ffffff;
}

/* Smooth out / disable the dark flash when reaching scroll limits */
overshoot.top,
overshoot.bottom,
overshoot.left,
overshoot.right {
    background: none; /* removes the opaque overlay */
    background-color: rgba(80, 24, 221, 0.08); /* faint translucent purple instead */
    border: none;
}

/* Optional: make it fade faster for less distraction */
overshoot {
    transition: background-color 0.15s ease-in-out;
}


/* Buttons and entries */
button, entry, .button {
    background-color: #1a1a1a;
    color: #5018dd;
    border: 3px solid #5018dd;
    border-radius: 25px;
    padding: 5px;
    margin: 4px;
}

button:hover, entry:focus {
    background-color: #5018dd;
    color: #1a1a1a;
}

/* Sliders and scales */
scale trough {
    background-color: #5018dd;
    border-radius: 50px;
    min-height: 3px;
    min-width: 50px;
}

scale trough highlight {
    background-color: #E40046;
    border-radius: 10px;
    color: #000000;
}

/* Labels and specific classes */
.label-ram {
    font-size: larger;
}

.metric {
    background-color: #1a1a1a;
    color: #5018dd;
    border: 3px solid #5018dd;
    border-radius: 25px;
    padding: 5px;
    margin: 4px;
}

.music, .clock, .workspace-button {
    background-color: #1a1a1a;
    color: #5018dd;
    border: 3px solid #5018dd;
    border-radius: 25px;
    padding: 5px;
    margin: 4px;
}

/* Scrollbars */
scrollbar {
    background-color: #1a1a1a;
    border-radius: 10px;
}

scrollbar slider {
    background-color: #5018dd;
    border-radius: 10px;
}

scrollbar slider:hover {
    background-color: #E40046;
}

/* Tooltip styling */
tooltip {
    background-color: #5018dd;
    color: #1a1a1a;
    border-radius: 10px;
    padding: 5px;
}

/* Top menu bar (File, Edit, View, etc.) */
menubar {
    background-color: #1a1a1a;
    padding: 4px 8px;
    spacing: 6px; /* adds space between menu items */
}

/* Individual menu items */
menubar > menuitem {
    padding: 4px 10px;
    margin: 0 4px; /* spacing between each item */
    border-radius: 8px;
    color: #d6abab;
}

/* Hover state */
menubar > menuitem:hover {
    background-color: rgba(80, 24, 221, 0.2);
    color: #ffffff;
}

/* Active/open menu */
menubar > menuitem:active,
menubar > menuitem:checked {
    background-color: rgba(80, 24, 221, 0.35);
    color: #ffffff;
}