/* Theme switcher and first light-theme preview. Kept separate from site-chrome.css so a
   cached chrome stylesheet cannot block the preview rollout. */
:root { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }

.site-pre,
.site-pre code,
.site-pre::after {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace !important;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "calt" 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.site-pre {
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  font-weight: 400;
}
.site-pre code {
  font-weight: inherit;
  letter-spacing: 0;
}

.site-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.72rem;
  height: 1.72rem;
  padding: 0;
  border: 1px solid rgba(82, 82, 91, 0.65);
  border-radius: 0.48rem;
  background: rgba(39, 39, 42, 0.45);
  color: #d4d4d8;
  cursor: pointer;
  transition: color 0.15s, background 0.15s, border-color 0.15s, transform 0.1s;
}
.site-theme-toggle:hover {
  color: #fafafa;
  border-color: #52525b;
  background: rgba(63, 63, 70, 0.68);
}
.site-theme-toggle:active { transform: translateY(1px); }
.site-theme-toggle svg {
  width: 1rem;
  height: 1rem;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html[data-theme="light"] body,
html[data-theme="light"] body.site-chrome,
html[data-theme="light"] body.bg-\[\#09090b\] {
  background: #f8fafc !important;
  color: #0f172a !important;
}
html[data-theme="light"] .site-nav {
  background: rgba(255, 255, 255, 0.9) !important;
  border-bottom-color: #e2e8f0 !important;
  box-shadow: 0 1px 18px rgba(15, 23, 42, 0.06);
}
html[data-theme="light"] .site-brand,
html[data-theme="light"] .site-h1,
html[data-theme="light"] .site-h2,
html[data-theme="light"] .site-h3,
html[data-theme="light"] .site-card h3,
html[data-theme="light"] .site-pager .site-pager-title,
html[data-theme="light"] .site-not-found h1 {
  color: #0f172a !important;
}
html[data-theme="light"] .site-links a,
html[data-theme="light"] .site-cta,
html[data-theme="light"] .site-footer a,
html[data-theme="light"] .site-side a,
html[data-theme="light"] .site-crumb a {
  color: #475569 !important;
}
html[data-theme="light"] .site-links a:hover,
html[data-theme="light"] .site-cta:hover,
html[data-theme="light"] .site-footer a:hover,
html[data-theme="light"] .site-side a:hover,
html[data-theme="light"] .site-crumb a:hover {
  color: #0f172a !important;
}
html[data-theme="light"] .site-links a.site-hl {
  color: #0284c7 !important;
}
html[data-theme="light"] .site-links a.site-hl::after {
  background: #0284c7;
}
html[data-theme="light"] .site-theme-toggle {
  color: #334155;
  background: #ffffff;
  border-color: #cbd5e1;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
html[data-theme="light"] .site-theme-toggle:hover {
  color: #0369a1;
  background: #f8fafc;
  border-color: #94a3b8;
}
html[data-theme="light"] .site-main,
html[data-theme="light"] .site-main.docs {
  background: transparent;
}
html[data-theme="light"] .site-side {
  border-right-color: #e2e8f0;
}
html[data-theme="light"] .site-side a:hover {
  background: rgba(226, 232, 240, 0.75);
}
html[data-theme="light"] .site-side a.site-here {
  color: #0369a1 !important;
  background: #e0f2fe;
  box-shadow: inset 0 0 0 1px rgba(2, 132, 199, 0.22);
}
html[data-theme="light"] .site-lead,
html[data-theme="light"] .site-muted,
html[data-theme="light"] .site-card p,
html[data-theme="light"] .site-card li,
html[data-theme="light"] .site-footer {
  color: #475569 !important;
}
html[data-theme="light"] .site-crumb,
html[data-theme="light"] .site-side h3,
html[data-theme="light"] .site-pager .site-pager-label,
html[data-theme="light"] .release-section-h {
  color: #64748b !important;
}
html[data-theme="light"] .site-crumb .sep {
  color: #cbd5e1 !important;
}
html[data-theme="light"] .site-card {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05);
}
html[data-theme="light"] .site-card.hoverable:hover {
  background: #ffffff !important;
  border-color: rgba(2, 132, 199, 0.36) !important;
}
html[data-theme="light"] .site-card h2,
html[data-theme="light"] .site-card a,
html[data-theme="light"] .site-table code,
html[data-theme="light"] .site-lead a {
  color: #0284c7 !important;
}
html[data-theme="light"] .site-card code,
html[data-theme="light"] .site-not-found .site-not-found-path {
  color: #0f172a;
  background: #f1f5f9;
  border-color: #cbd5e1;
}
html[data-theme="light"] .site-pager > a,
html[data-theme="light"] .site-table,
html[data-theme="light"] .site-pre {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 8px 26px rgba(15, 23, 42, 0.06);
}
html[data-theme="light"] .site-pre::before {
  background:
    radial-gradient(circle at 0.95rem center, #ef4444 0.32rem, transparent 0.34rem),
    radial-gradient(circle at 1.95rem center, #eab308 0.32rem, transparent 0.34rem),
    radial-gradient(circle at 2.95rem center, #22c55e 0.32rem, transparent 0.34rem),
    linear-gradient(180deg, #f8fafc, #eef2f7);
  border-bottom-color: #e2e8f0;
}
html[data-theme="light"] .site-pre code {
  color: #0f172a;
  background: #f8fafc;
}
html[data-theme="light"] .site-copy {
  color: #475569;
  background: #ffffff;
  border-color: #cbd5e1;
}
html[data-theme="light"] .site-table th,
html[data-theme="light"] .site-table td {
  color: #334155;
  border-bottom-color: #e2e8f0;
}
html[data-theme="light"] .site-table th {
  color: #475569;
  background: linear-gradient(180deg, #f8fafc, #eef2f7);
}
html[data-theme="light"] .site-table tbody tr:hover {
  background: #f8fafc;
}
html[data-theme="light"] .site-footer {
  border-top-color: #e2e8f0;
}
html[data-theme="light"] .site-dl a,
html[data-theme="light"] .site-btn-ghost {
  color: #334155 !important;
  background: #ffffff;
  border-color: #cbd5e1;
}
html[data-theme="light"] .site-dl a:hover,
html[data-theme="light"] .site-btn-ghost:hover {
  color: #0f172a !important;
  background: #f8fafc;
}
html[data-theme="light"] .site-note,
html[data-theme="light"] .site-tip,
html[data-theme="light"] .site-warn {
  color: #334155;
}
html[data-theme="light"] .site-note strong,
html[data-theme="light"] .site-tip strong,
html[data-theme="light"] .site-warn strong {
  color: #0f172a;
}
html[data-theme="light"] .site-note code,
html[data-theme="light"] .site-tip code,
html[data-theme="light"] .site-warn code {
  background: rgba(255, 255, 255, 0.75);
  border-color: rgba(148, 163, 184, 0.45);
}
html[data-theme="light"] .release-icon {
  color: #64748b !important;
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}
html[data-theme="light"] .release-icon:hover {
  color: #0284c7 !important;
  background: #f8fafc !important;
}
html[data-theme="light"] .release-feat {
  color: #1e293b !important;
}
html[data-theme="light"] .release-detail,
html[data-theme="light"] .release-anchor {
  color: #475569 !important;
}
html[data-theme="light"] .site-skeleton {
  background: linear-gradient(90deg, #eef2f7, #e2e8f0, #eef2f7);
  background-size: 200% 100%;
}

/* landing.html Tailwind utility overrides for the first light-theme preview */
html[data-theme="light"] .bg-\[\#09090b\],
html[data-theme="light"] .bg-zinc-950,
html[data-theme="light"] .bg-zinc-900 {
  background-color: #f8fafc !important;
}
html[data-theme="light"] .bg-\[\#09090b\]\/90,
html[data-theme="light"] .bg-\[\#09090b\]\/92,
html[data-theme="light"] .bg-zinc-900\/80 {
  background-color: rgba(255, 255, 255, 0.92) !important;
}
html[data-theme="light"] .bg-zinc-900\/50,
html[data-theme="light"] .bg-zinc-900\/40,
html[data-theme="light"] .bg-zinc-900\/30,
html[data-theme="light"] .bg-zinc-800\/50,
html[data-theme="light"] .bg-zinc-800\/30 {
  background-color: rgba(255, 255, 255, 0.82) !important;
}
html[data-theme="light"] .bg-zinc-800 {
  background-color: #eef2f7 !important;
}
html[data-theme="light"] .border-zinc-800,
html[data-theme="light"] .border-zinc-700,
html[data-theme="light"] .border-zinc-600 {
  border-color: #e2e8f0 !important;
}
html[data-theme="light"] .text-white,
html[data-theme="light"] .text-zinc-100,
html[data-theme="light"] .text-zinc-200,
html[data-theme="light"] .text-zinc-300,
html[data-theme="light"] [style*="color:#fafafa"],
html[data-theme="light"] [style*="color: #fafafa"] {
  color: #0f172a !important;
}
html[data-theme="light"] .text-zinc-400,
html[data-theme="light"] [style*="color:#a1a1aa"],
html[data-theme="light"] [style*="color: #a1a1aa"] {
  color: #475569 !important;
}
html[data-theme="light"] .text-zinc-500,
html[data-theme="light"] .text-zinc-600,
html[data-theme="light"] .text-zinc-700,
html[data-theme="light"] [style*="color:#71717a"],
html[data-theme="light"] [style*="color: #71717a"] {
  color: #64748b !important;
}
html[data-theme="light"] [style*="color:#3f3f46"],
html[data-theme="light"] [style*="color: #3f3f46"] {
  color: #cbd5e1 !important;
}
html[data-theme="light"] .shadow-2xl,
html[data-theme="light"] .toc-float,
html[data-theme="light"] .release-card {
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
}
html[data-theme="light"] #toc-rail .toc-float,
html[data-theme="light"] .release-card {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: #e2e8f0 !important;
}
html[data-theme="light"] .release-card:hover {
  border-color: rgba(2, 132, 199, 0.38) !important;
}
html[data-theme="light"] footer.border-zinc-800,
html[data-theme="light"] section.border-zinc-800,
html[data-theme="light"] nav.border-zinc-800\/90 {
  border-color: #e2e8f0 !important;
}

/* Raise light-theme text contrast after the first public preview. */
html[data-theme="light"] .site-links a,
html[data-theme="light"] .site-cta,
html[data-theme="light"] .site-footer a,
html[data-theme="light"] .site-side a,
html[data-theme="light"] .site-crumb a,
html[data-theme="light"] .site-lead,
html[data-theme="light"] .site-muted,
html[data-theme="light"] .site-card p,
html[data-theme="light"] .site-card li,
html[data-theme="light"] .site-footer,
html[data-theme="light"] .site-copy,
html[data-theme="light"] .release-detail,
html[data-theme="light"] .release-anchor,
html[data-theme="light"] .release-card__feat {
  color: #334155 !important;
}
html[data-theme="light"] .site-crumb,
html[data-theme="light"] .site-side h3,
html[data-theme="light"] .site-pager .site-pager-label,
html[data-theme="light"] .release-section-h,
html[data-theme="light"] .release-card__date,
html[data-theme="light"] #toc-rail a[data-toc-link] {
  color: #475569 !important;
}
html[data-theme="light"] .release-card__ver {
  color: #0f172a !important;
}
html[data-theme="light"] .release-card__cta,
html[data-theme="light"] #toc-rail a[data-toc-link].is-active,
html[data-theme="light"] a[data-toc-link-mobile].is-active {
  color: #0369a1 !important;
}
html[data-theme="light"] .badge-latest {
  color: #14532d !important;
  background: linear-gradient(180deg, #ecfdf5, #dcfce7) !important;
  border-color: #86efac !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}
html[data-theme="light"] .badge-pro {
  color: #7c2d12 !important;
  background: linear-gradient(180deg, #fff7ed, #ffedd5) !important;
  border-color: #fdba74 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}
html[data-theme="light"] .badge-beta {
  color: #78350f !important;
  background: linear-gradient(180deg, #fffbeb, #fef3c7) !important;
  border-color: #fbbf24 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}
html[data-theme="light"] .site-copy.ok {
  color: #15803d !important;
  background: #dcfce7 !important;
  border-color: #22c55e !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}
html[data-theme="light"] .site-copy.ok:hover {
  color: #166534 !important;
  background: #bbf7d0 !important;
  border-color: #16a34a !important;
}
html[data-theme="light"] #pricing .border-amber-500\/50 {
  border-color: #d97706 !important;
}
html[data-theme="light"] #pricing .bg-amber-500\/20 {
  color: #7c2d12 !important;
  background: #ffedd5 !important;
  border: 1px solid #fdba74;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75);
}
html[data-theme="light"] #pricing .text-amber-400 {
  color: #92400e !important;
}
html[data-theme="light"] #toc-rail a[data-toc-link]:hover {
  color: #0f172a !important;
}
html[data-theme="light"] .text-zinc-400,
html[data-theme="light"] [style*="color:#a1a1aa"],
html[data-theme="light"] [style*="color: #a1a1aa"] {
  color: #334155 !important;
}
html[data-theme="light"] .text-zinc-500,
html[data-theme="light"] .text-zinc-600,
html[data-theme="light"] .text-zinc-700,
html[data-theme="light"] [style*="color:#71717a"],
html[data-theme="light"] [style*="color: #71717a"],
html[data-theme="light"] [style*="color:#3f3f46"],
html[data-theme="light"] [style*="color: #3f3f46"] {
  color: #475569 !important;
}

/* Comprehensive pass for light-theme badges, chips and accent labels. */
html[data-theme="light"] .site-brand .ver-tag {
  color: #78350f !important;
  background: linear-gradient(180deg, #fffbeb, #fef3c7) !important;
  border-color: #fbbf24 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}
html[data-theme="light"] .site-brand .fox {
  color: #0369a1 !important;
}
html[data-theme="light"] .badge {
  color: #334155 !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  border-color: #cbd5e1 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}
html[data-theme="light"] .badge-stable {
  color: #075985 !important;
  background: linear-gradient(180deg, #f0f9ff, #e0f2fe) !important;
  border-color: #7dd3fc !important;
}
html[data-theme="light"] .badge-latest {
  color: #14532d !important;
  background: linear-gradient(180deg, #ecfdf5, #dcfce7) !important;
  border-color: #86efac !important;
}
html[data-theme="light"] .badge-beta {
  color: #78350f !important;
  background: linear-gradient(180deg, #fffbeb, #fef3c7) !important;
  border-color: #fbbf24 !important;
}
html[data-theme="light"] .badge-pro {
  color: #7c2d12 !important;
  background: linear-gradient(180deg, #fff7ed, #ffedd5) !important;
  border-color: #fdba74 !important;
}
html[data-theme="light"] .badge-old,
html[data-theme="light"] .badge-archived {
  color: #475569 !important;
  background: linear-gradient(180deg, #ffffff, #f1f5f9) !important;
  border-color: #cbd5e1 !important;
}
html[data-theme="light"] .badge[style*="249,115,22"] {
  color: #9a3412 !important;
  background: linear-gradient(180deg, #fff7ed, #ffedd5) !important;
  border-color: #fdba74 !important;
}

html[data-theme="light"] .release-card__tag {
  color: #075985 !important;
  background: linear-gradient(180deg, #f0f9ff, #e0f2fe) !important;
  border-color: #7dd3fc !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}
html[data-theme="light"] .release-card--latest .release-card__tag {
  color: #14532d !important;
  background: linear-gradient(180deg, #ecfdf5, #dcfce7) !important;
  border-color: #86efac !important;
}
html[data-theme="light"] .release-card--beta .release-card__tag {
  color: #78350f !important;
  background: linear-gradient(180deg, #fffbeb, #fef3c7) !important;
  border-color: #fbbf24 !important;
}
html[data-theme="light"] .release-card__icon {
  color: #0369a1 !important;
  background: linear-gradient(135deg, #e0f2fe, #cffafe) !important;
  border-color: #7dd3fc !important;
}
html[data-theme="light"] .release-card--latest .release-card__icon {
  color: #047857 !important;
  background: linear-gradient(135deg, #dcfce7, #d1fae5) !important;
  border-color: #86efac !important;
}
html[data-theme="light"] .release-card--beta .release-card__icon {
  color: #92400e !important;
  background: linear-gradient(135deg, #fef3c7, #ffedd5) !important;
  border-color: #fbbf24 !important;
}

html[data-theme="light"] .site-note {
  --accent: #0369a1;
  --accent-soft: #e0f2fe;
  --accent-soft-2: #f8fafc;
  --accent-border: #7dd3fc;
  --accent-glow: rgba(2, 132, 199, 0.08);
}
html[data-theme="light"] .site-tip {
  --accent: #047857;
  --accent-soft: #dcfce7;
  --accent-soft-2: #f8fafc;
  --accent-border: #86efac;
  --accent-glow: rgba(22, 101, 52, 0.08);
}
html[data-theme="light"] .site-warn {
  --accent: #92400e;
  --accent-soft: #fef3c7;
  --accent-soft-2: #fffbeb;
  --accent-border: #fbbf24;
  --accent-glow: rgba(146, 64, 14, 0.08);
}

html[data-theme="light"] .text-sky-300,
html[data-theme="light"] .text-sky-400,
html[data-theme="light"] .hover\:text-sky-300:hover {
  color: #0369a1 !important;
}
html[data-theme="light"] .text-emerald-300,
html[data-theme="light"] .text-emerald-400 {
  color: #047857 !important;
}
html[data-theme="light"] .text-amber-400 {
  color: #92400e !important;
}
html[data-theme="light"] .text-orange-400 {
  color: #9a3412 !important;
}
html[data-theme="light"] .text-purple-400 {
  color: #6d28d9 !important;
}
html[data-theme="light"] [style*="color:#38bdf8"],
html[data-theme="light"] [style*="color: #38bdf8"],
html[data-theme="light"] [style*="color:#7dd3fc"],
html[data-theme="light"] [style*="color: #7dd3fc"] {
  color: #0369a1 !important;
}
html[data-theme="light"] [style*="color:#6ee7b7"],
html[data-theme="light"] [style*="color: #6ee7b7"],
html[data-theme="light"] [style*="color:#86efac"],
html[data-theme="light"] [style*="color: #86efac"] {
  color: #047857 !important;
}
html[data-theme="light"] [style*="color:#fcd34d"],
html[data-theme="light"] [style*="color: #fcd34d"],
html[data-theme="light"] [style*="color:#fdba74"],
html[data-theme="light"] [style*="color: #fdba74"] {
  color: #92400e !important;
}

html[data-theme="light"] .bg-sky-500\/10,
html[data-theme="light"] .bg-sky-500\/20 {
  background-color: #e0f2fe !important;
}
html[data-theme="light"] .bg-emerald-500\/10,
html[data-theme="light"] .bg-emerald-500\/20 {
  background-color: #dcfce7 !important;
}
html[data-theme="light"] .bg-amber-500\/20 {
  background-color: #fef3c7 !important;
}
html[data-theme="light"] .bg-orange-500\/20 {
  background-color: #ffedd5 !important;
}
html[data-theme="light"] .bg-purple-500\/20 {
  background-color: #f3e8ff !important;
}
html[data-theme="light"] .border-sky-500\/30,
html[data-theme="light"] .hover\:border-sky-500\/30:hover,
html[data-theme="light"] .hover\:border-sky-500\/50:hover {
  border-color: #7dd3fc !important;
}
html[data-theme="light"] .border-emerald-500\/30 {
  border-color: #86efac !important;
}
html[data-theme="light"] .border-amber-500\/50 {
  border-color: #f59e0b !important;
}
html[data-theme="light"] .from-sky-500\/20 {
  --tw-gradient-from: #e0f2fe var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(224, 242, 254, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
html[data-theme="light"] .to-cyan-500\/20 {
  --tw-gradient-to: #cffafe var(--tw-gradient-to-position) !important;
}
html[data-theme="light"] .group:hover .group-hover\:from-sky-500\/30 {
  --tw-gradient-from: #bae6fd var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(186, 230, 253, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
html[data-theme="light"] .group:hover .group-hover\:to-cyan-500\/30 {
  --tw-gradient-to: #a5f3fc var(--tw-gradient-to-position) !important;
}