/* Homepage-only theme colors; preserve the source document's layout. */
.homepage-theme-toggle {
  display: inline-grid;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  place-items: center;
  border: 1px solid #1f2937;
  background: transparent;
  color: #d1d5db;
}

.homepage-theme-toggle:hover {
  background: rgb(255 255 255 / 5%);
}

.homepage-theme-toggle-mobile,
[data-homepage-theme="dark"] [data-homepage-theme-icon="moon"],
[data-homepage-theme="light"] [data-homepage-theme-icon="sun"] {
  display: none;
}

@media (max-width: 639px) {
  #homepage-theme-toggle {
    display: none;
  }

  .homepage-theme-toggle-mobile {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    gap: 8px;
    padding-inline: 12px;
  }
}

html[data-homepage-theme="light"],
html[data-homepage-theme="light"] body {
  background-color: #fff;
  color: #0f172a;
}

html[data-homepage-theme="light"] .fn-grid-bg {
  background-image:
    linear-gradient(to right, rgb(15 23 42 / 3%) 1px, transparent 1px),
    linear-gradient(to bottom, rgb(15 23 42 / 3%) 1px, transparent 1px);
}

html[data-homepage-theme="light"] .fn-hero-glow {
  background: radial-gradient(
    circle at 50% 0%,
    rgb(0 146 184 / 9%) 0%,
    rgb(255 255 255 / 0%) 70%
  );
}

html[data-homepage-theme="light"] .fn-cta-glow {
  background: radial-gradient(
    circle at 50% 50%,
    rgb(0 146 184 / 8%) 0%,
    rgb(255 255 255 / 0%) 70%
  );
}

html[data-homepage-theme="light"] .fn-card {
  background-color: #fff;
  border-color: #e2e8f0;
}

html[data-homepage-theme="light"] .fn-card-indigo {
  border-color: rgb(0 146 184 / 35%);
  background: linear-gradient(180deg, rgb(0 146 184 / 6%), #fff);
  box-shadow: 0 0 40px -10px rgb(0 146 184 / 12%);
}

html[data-homepage-theme="light"] [class~="bg-[#0b0d13]"],
html[data-homepage-theme="light"] [class~="bg-[#131722]"] {
  background-color: #fff;
}

html[data-homepage-theme="light"] [class*="bg-[#0b0d13]/"],
html[data-homepage-theme="light"] [class*="bg-[#131722]/"] {
  background-color: rgb(255 255 255 / 92%);
}

html[data-homepage-theme="light"] [class~="bg-[#0e111a]"] {
  background-color: #f8fafc;
}

html[data-homepage-theme="light"] [class~="bg-white/5"],
html[data-homepage-theme="light"] [class~="bg-gray-800"] {
  background-color: #f1f5f9;
}

html[data-homepage-theme="light"] [class~="bg-indigo-950/40"] {
  background-color: #ecfeff;
}

html[data-homepage-theme="light"] [class~="text-white"] {
  color: #0f172a;
}

html[data-homepage-theme="light"] [class~="text-gray-200"],
html[data-homepage-theme="light"] [class~="text-gray-300"] {
  color: #475569;
}

html[data-homepage-theme="light"] [class~="text-gray-400"],
html[data-homepage-theme="light"] [class~="text-gray-500"] {
  color: #64748b;
}

html[data-homepage-theme="light"] [class~="text-indigo-200"],
html[data-homepage-theme="light"] [class~="text-indigo-300"],
html[data-homepage-theme="light"] [class~="text-indigo-400"],
html[data-homepage-theme="light"] [class~="text-[#53c4e2]"] {
  color: #027594;
}

html[data-homepage-theme="light"] [class~="text-emerald-300"],
html[data-homepage-theme="light"] [class~="text-emerald-400"] {
  color: #047857;
}

html[data-homepage-theme="light"] [class~="text-amber-300"],
html[data-homepage-theme="light"] [class~="text-amber-400"] {
  color: #a16207;
}

html[data-homepage-theme="light"] [class~="text-rose-400"] {
  color: #be123c;
}

html[data-homepage-theme="light"] [class*="border-[#1f2937]"],
html[data-homepage-theme="light"] [class*="border-[#2d3748]"],
html[data-homepage-theme="light"] [class~="border-white/15"] {
  border-color: #e2e8f0;
}

html[data-homepage-theme="light"] [class~="hover:text-white"]:hover {
  color: #0f172a;
}

html[data-homepage-theme="light"] [class~="hover:bg-white/5"]:hover,
html[data-homepage-theme="light"] [class~="hover:bg-white/10"]:hover,
html[data-homepage-theme="light"] [class~="hover:bg-white/[0.02]"]:hover,
html[data-homepage-theme="light"] [class~="hover:bg-[#181d2b]"]:hover,
html[data-homepage-theme="light"] [class~="hover:bg-[#0b0d13]"]:hover,
html[data-homepage-theme="light"] [class~="hover:bg-[#131722]/60"]:hover {
  background-color: #f1f5f9;
}

html[data-homepage-theme="light"] [class~="bg-[#0092b8]"],
html[data-homepage-theme="light"] [class~="bg-indigo-500"] {
  background-color: #027594;
  color: #fff;
}

html[data-homepage-theme="light"] .logo-item,
html[data-homepage-theme="light"] .homepage-theme-toggle {
  color: #475569;
}

html[data-homepage-theme="light"] .logo-item:hover {
  color: #0f172a;
}

html[data-homepage-theme="light"] .homepage-theme-toggle {
  border-color: #e2e8f0;
}

html[data-homepage-theme="light"] .homepage-theme-toggle:hover {
  background-color: #f1f5f9;
}

html[data-homepage-theme="light"] button[class~="bg-[#131722]"],
html[data-homepage-theme="light"] button[class~="bg-[#131722]/90"],
html[data-homepage-theme="light"] button[class~="bg-white/5"] {
  border-color: #e2e8f0 !important;
  background-color: #f8fafc !important;
}

html[data-homepage-theme="light"] button[class~="bg-[#131722]"]:hover,
html[data-homepage-theme="light"] button[class~="bg-[#131722]/90"]:hover,
html[data-homepage-theme="light"] button[class~="bg-white/5"]:hover {
  background-color: #f1f5f9 !important;
}

html[data-homepage-theme="light"] button[class*="bg-[#0092b8]"] {
  background-color: #027594 !important;
}

html[data-homepage-theme="light"] button[class*="bg-[#0092b8]"]:hover {
  background-color: #02657f !important;
}

html[data-homepage-theme="light"] button[class*="text-indigo-"] {
  color: #027594 !important;
}