// catppuccin colors
$rosewater: #f4dbd6;
$flamingo: #f0c6c6;
$pink: #f5bde6;
$mauve: #c6a0f6;
$red: #ed8796;
$maroon: #ee99a0;
$peach: #f5a97f;
$yellow: #eed49f;
$green: #a6da95;
$teal: #8bd5ca;
$sky: #91d7e3;
$sapphire: #7dc4e4;
$blue: #8aadf4;
$lavender: #b7bdf8;
$accent: $flamingo;
$text: #cad3f5;
$subtext1: #b8c0e0;
$subtext0: #a5adcb;
$overlay2: #939ab7;
$overlay1: #8087a2;
$overlay0: #6e738d;
$surface2: #5b6078;
$surface1: #494d64;
$surface0: #363a4f;
$base: #000000;//#24273a;
$mantle: #1e2030;
$crust: #181926;

*{
  all: unset;
  font-family: "monospace";
}

.container {
  background-color: $base;
  border-radius: 16px;
}

tooltip.background {
  background-color: #0f0f17;
  font-size: 18px;
  border-radius: 10px;
  color: #bfc9db;
}

tooltip label {
  margin: 6px;
}

.time {
  font-size: 18px;
  margin: 0px 20px 0px 10px;
  color: $teal;
  font-weight: bold;
}

.volume_text {
  font-size: 18px;
  color: $maroon;
  margin: 0px 10px 0px 10px;
}

.network_icon {
  font-size: 18px;
  color: $green;
  margin: 0px 10px 0px 10px;
}
.bluetooth_icon {
  font-size: 18px;
  color: $blue;
  margin: 0px 10px 0px 10px;
}
.cpu_text {
  font-size: 18px;
  color: $maroon;
  margin: 0px 10px 0px 10px;
}
.mem_text {
  font-size: 18px;
  color: $yellow;
  margin: 0px 10px 0px 10px;
}

.battery_text {
  font-size: 18px;
  color: $yellow;
  margin: 0px 10px 0px 10px;
}

.workspaces-widget {
  color: $sky;
  font-size: 22px;
}

.workspaces-widget .empty {
  color: rgba($sky, 0.3);
}

.title {
  color: $mauve;
  font-size: 16px;
  padding: 0px 5px 0px 5px;
}

.nixos-icon {
  font-size: 22px;
  color: #7CB5DE;
  margin: 0px 10px 0px 10px;
}