:root {
  --primary: #16a34a;
  --secondary: #0f7a38;
  --accent: #22c55e;
  --primary-fg: #ffffff;
  --body-bg: #f7faf8;
  --body-fg: #142018;
  --header-bg: #07130d;
  --header-color: #f5fff8;
  --breadcrumbs-bg: #0f7a38;
  --link-fg: #0f7a38;
  --link-hover-color: #16a34a;
  --button-hover-bg: #15803d;
}

@media (prefers-color-scheme: dark) {
  :root {
    --body-bg: #07130d;
    --body-fg: #e9fff0;
    --darkened-bg: #0d1f14;
    --selected-bg: #11351f;
    --border-color: #1f5130;
    --link-fg: #8ee6ad;
    --link-hover-color: #b7f7c9;
  }
}

.project0-login-brand,
#branding {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.project0-login-brand img {
  width: 180px;
  height: auto;
}

.project0-login-brand span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}