/* Stags brand palette for the mirrored documentation. */
html[data-theme="light"] {
  --surface-page: #b3dbe8;
  --surface-raised: #ffffff;
  --surface-sunken: #d8ecf2;
  --dark-base-primary: #06181a;
  --dark-base-secondary: #0d2b31;
  --light-base-primary: #ffffff;
  --light-base-secondary: #eef8fa;
  --neutral-100: #ffffff;
  --neutral-200: #f3f9fb;
  --neutral-300: #dce9ee;
  --neutral-400: #bed1da;
  --neutral-500: #9eb7c2;
  --neutral-600: #6e8996;
  --neutral-700: #58717d;
  --neutral-800: #39535d;
  --neutral-900: #193840;
  --neutral-1000: #06181a;
  --accent-100: #0e5360;
  --accent-200: #0a414b;
  --accent-300: #072f36;
  --color-background: #b3dbe8;
  --color-foreground: #06181a;
}

html[data-theme="light"] body {
  background: #b3dbe8;
  color: #06181a;
}

html[data-theme="light"],
html[data-theme="light"] * {
  scrollbar-width: none;
}

html[data-theme="light"]::-webkit-scrollbar,
html[data-theme="light"] ::-webkit-scrollbar {
  display: none;
}

header a[aria-label="Factory docs home"] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #06181a;
  text-decoration: none;
}

header a[aria-label="Factory docs home"] > svg {
  display: none;
}

header a[aria-label="Factory docs home"]::before {
  content: "";
  display: block;
  width: 34px;
  height: 38px;
  flex: none;
  background: url("/brand-mark-128.png") center / 74px 74px no-repeat;
  image-rendering: pixelated;
}

header a[aria-label="Factory docs home"]::after {
  content: "";
  display: block;
  width: 86px;
  height: 21px;
  flex: none;
  background: url("/stags-word.svg") center / contain no-repeat;
}

html[data-theme="light"] [data-slot="button"] {
  border-radius: 999px;
}

/* The docs use light mode exclusively. Hide the original theme switch. */
header div.flex.items-center:has(> div.border-base-800.bg-dark-base-secondary.relative.flex.rounded-lg) {
  display: none;
}

header a[aria-label="GitHub"],
header a[aria-label="Discord"] {
  display: none;
}