* {
  all: unset; // Unsets everything so you can style everything from scratch
  font-family: Agave Nerd Font Mono, sans-serif;
  font-size: 20pt;
}

tooltip {
    border: solid;
    border-width: 3px;
    background: #1a1a1a;
    color: #5018dd;
    border-radius: 25px;
}


// Global Styles
.bar {

  color: #b0b4bc;
  padding: 5px;
}

// Styles on classes (see eww.yuck for more information)

.sidestuff slider {
  all: unset;
  color: #ffd5cd;
}

.metric scale trough highlight {
  all: unset;    
  background: #E40046;

  color: #000000;
  border-radius: 10px;
  
}

.metric scale trough {
  all: unset;
  background-color: #5018dd;
  border-radius: 50px;
  min-height: 5px;
  min-width: 72px;
  margin-left: 6px;
  margin-right: 10px;
}

.label-ram {
  font-size: large;
}



.music,.metric,.clock,.workspace-button {
    border: solid;
    border-width: 2px;
    background: #1a1a1a;
    color: #5018dd;

    padding: 3px 6px;
    margin: 2px 3px;
    min-height: 26px;

    border-radius: 25px;
}

.icon-btn {
    border: solid;
    border-width: 2px;
    background: #1a1a1a;
    color: #5018dd;

    margin: 2px 3px;
    min-width: 40px;
    min-height: 40px;

    border-radius: 50%;
}

.workspace-active {
    color: #E40046;

}

// caffeine widget while the presence-detect daemon holds the idle lock:
// tint it the Active Hot Pink accent used for highlights everywhere else.
.caffeine-presence {
    color: #E40046;
}

// astal-menu launcher button — accent-coloured icon, highlight on hover
.menu-launcher {
  color: #E40046;
  font-size: 15pt;
}
.menu-launcher:hover {
  color: #5018dd;
}

// orbit-menu launcher — round glowing button (touch-sized like .icon-btn),
// opens the radial power/tools/scripts/management/windows menu.
.orbit-launcher {
  border: 2px solid alpha(#E40046, 0.5);
  background-image: radial-gradient(circle at 35% 30%, alpha(#5018dd, 0.35), #1a1a1a 75%);
  color: #E40046;
  font-size: 18pt;
  min-width: 40px;
  min-height: 40px;
  margin: 2px 4px;
  border-radius: 50%;
  transition: color 200ms ease, border-color 200ms ease,
              background-image 200ms ease, box-shadow 220ms ease;
}
.orbit-launcher:hover {
  color: #ffffff;
  border-color: #E40046;
  background-image: radial-gradient(circle at 35% 30%, alpha(#E40046, 0.65), #1a1a1a 75%);
  box-shadow: 0 0 16px 3px alpha(#E40046, 0.65);
}

menuitem {
    border: solid;
    border-width: 3px;
    background: #1a1a1a;
    color: #5018dd;

    padding-top:2px;
    margin-top:3px;

    padding-bottom:2px;
    margin-bottom:3px;
    
    padding-left:2px;
    margin-left:3px;

    padding-right:2px;
    margin-right:3px;
    
    border-radius: 25px;

}
menuitem:hover {
  color: #E40046;
}