:root[bit-theme="fluent2-light"] {
  --bit-clr-pri: #24855d;
  --bit-clr-pri-hover: #1f7652;
  --bit-clr-pri-active: #1a6747;
  --bit-clr-pri-dark: #174e37;
  --bit-clr-pri-dark-hover: #123d2c;
  --bit-clr-pri-dark-active: #0e3324;
  --bit-clr-pri-light: #d9ede3;
  --bit-clr-pri-light-hover: #cbe5d8;
  --bit-clr-pri-light-active: #b9dccc;
  --bit-clr-pri-text: #ffffff;
  --bit-clr-pri-dis: #e3eee8;
  --bit-clr-pri-dis-text: #697c72;
  --bit-Link-color: #1f6348;
  --bit-Link-hover-color: #174e37;
  --bit-Link-active-color: #123d2c;
  --bit-Button-outline-color: var(--bit-clr-fg-sec);
  --bit-Button-outline-border-color: var(--bit-clr-brd-pri);
  --bit-Button-outline-hover-color: var(--bit-clr-fg-pri);
  --bit-Button-outline-hover-background: var(--bit-clr-bg-sec-hover);
  --bit-Button-outline-active-color: var(--bit-clr-fg-pri);
  --bit-Button-outline-active-background: var(--bit-clr-bg-sec-active);
}

html,
body {
  margin: 0;
  min-height: 100%;
  font-family: var(--bit-tg-font-family, "Segoe UI", system-ui, sans-serif);
  color: var(--bit-clr-fg-pri);
  background: var(--bit-clr-bg-pri);
}

/* Blazor reveals this element when the runtime cannot continue rendering. */
#blazor-error-ui {
  display: none;
  position: fixed;
  inset: auto 0 0;
  z-index: 2147483647;
}

h1:focus {
  outline: none;
}