:root {
  --am-logo-fg: rgb(43, 188, 138);
  --am-logo-hover: rgb(33, 168, 123);
}

html[data-theme="dark"] {
  --am-logo-fg: rgb(43, 188, 138);
}

html[data-theme="light"] {
  --am-logo-fg: rgb(43, 188, 138);
}

#header #logo {
  background-image: url("/images/logo.svg") !important;
  /* Zoom/crop the SVG a bit so it reads better at 50x50. */
  background-size: 110px 110px;
  background-repeat: no-repeat;
  background-position: center;
  filter: none !important;
  -webkit-filter: none !important;

  /* Keep a consistent size. */
  width: 50px;
  height: 50px;
}

#header:hover #logo {
  background-image: url("/images/logo_hover.svg") !important;
  background-size: 70px 70px;
  background-position: center;
}

/* Tag cloud sizing (used on the homepage Topics list) */
.tagcloud a.tag-size-1 { font-size: 1rem; }
.tagcloud a.tag-size-2 { font-size: 1.5rem; }
.tagcloud a.tag-size-3 { font-size: 2rem; }
.tagcloud a.tag-size-4 { font-size: 2.5rem; }
.tagcloud a.tag-size-5 { font-size: 3rem; }