:root {
  --primary: #ffc400;
  /* --primary: #e2b8b0; */
  --secondary: #6393ff;
  --sidebar-bg: #f7f7f7;
  --sidebar-muted: #8f8787;
  --link-fg: #181623;
  --header-bg: var(--primary);
  --button-bg: var(--primary);
  --button-hover-bg: #ebb605;
  --default-button-bg: var(--secondary);
  --default-button-hover-bg: #82a4f3;
}
span[class$='icon'] {
  filter: invert(80%) sepia(100%) saturate(500%) hue-rotate(340deg);
}