/* Final theme contract for the automatic home. Loaded after the selected style. */
html[data-pl-shell-mode="light"] .pl-home-prototype {
  --pl-shell-bg: var(--pl-shell-light-bg, #f6f7fb) !important;
  --pl-shell-surface: var(--pl-shell-light-surface, #ffffff) !important;
  --pl-shell-surface-alt: var(--pl-shell-light-surface-alt, #f8fafc) !important;
  --pl-shell-border: var(--pl-shell-light-border, #d0d5dd) !important;
  --pl-shell-text: var(--pl-shell-light-text, #101828) !important;
  --pl-shell-text-muted: var(--pl-shell-light-text-muted, #475467) !important;
  --pl-bg: var(--pl-shell-bg, #f6f7fb) !important;
  --pl-surface-bg: var(--pl-shell-surface, #ffffff) !important;
  --pl-header-bg: var(--pl-shell-surface, #ffffff) !important;
  --pl-footer-bg: var(--pl-shell-surface, #ffffff) !important;
  --pl-text-color: var(--pl-shell-text, #101828) !important;
  --pl-border-color: var(--pl-shell-border, #d0d5dd) !important;
  --pl-meta-color: var(--pl-shell-text-muted, #475467) !important;
  --pl-story-border: var(--pl-shell-border, #d0d5dd) !important;
  --pl-home-section-gradient-active: linear-gradient(
    145deg,
    color-mix(in srgb, var(--pl-content-accent, #0b63ce) 28%, #ffffff) 0%,
    var(--pl-shell-surface, #ffffff) 100%
  ) !important;
}

html[data-pl-shell-mode="dark"] .pl-home-prototype {
  --pl-shell-bg: var(--pl-shell-dark-bg, #0b1220) !important;
  --pl-shell-surface: var(--pl-shell-dark-surface, #111827) !important;
  --pl-shell-surface-alt: var(--pl-shell-dark-surface-alt, #1f2937) !important;
  --pl-shell-border: var(--pl-shell-dark-border, #334155) !important;
  --pl-shell-text: var(--pl-shell-dark-text, #e5e7eb) !important;
  --pl-shell-text-muted: var(--pl-shell-dark-text-muted, #cbd5e1) !important;
  --pl-bg: var(--pl-shell-bg, #0b1220) !important;
  --pl-surface-bg: var(--pl-shell-surface, #111827) !important;
  --pl-header-bg: var(--pl-shell-surface, #111827) !important;
  --pl-footer-bg: var(--pl-shell-surface, #111827) !important;
  --pl-text-color: var(--pl-shell-text, #ffffff) !important;
  --pl-border-color: var(--pl-shell-border, #334155) !important;
  --pl-meta-color: var(--pl-shell-text-muted, #cbd5e1) !important;
  --pl-story-border: var(--pl-shell-border, #334155) !important;
  --pl-home-section-gradient-active: linear-gradient(
    145deg,
    color-mix(in srgb, var(--pl-content-accent, #60a5fa) 18%, var(--pl-shell-surface, #111827)) 0%,
    var(--pl-shell-surface, #111827) 100%
  ) !important;
}

html[data-pl-shell-mode="light"] .pl-home-prototype__header,
html[data-pl-shell-mode="light"] .pl-home-prototype__footer {
  background: var(--pl-shell-surface, #ffffff) !important;
}

html[data-pl-shell-mode="dark"] .pl-home-prototype__header,
html[data-pl-shell-mode="dark"] .pl-home-prototype__footer {
  background: var(--pl-shell-surface, #111827) !important;
}

html[data-pl-shell-mode="dark"] .pl-home-prototype__section,
html[data-pl-shell-mode="dark"] .pl-home-prototype__section-frame,
html[data-pl-shell-mode="dark"] .pl-home-layout__sidebar-item .pl-home-prototype__section-frame {
  background: var(--pl-home-section-gradient-active) !important;
}

html[data-pl-shell-mode="light"] .pl-home-prototype__section,
html[data-pl-shell-mode="light"] .pl-home-prototype__section-frame,
html[data-pl-shell-mode="light"] .pl-home-layout__sidebar-item .pl-home-prototype__section-frame {
  background: var(--pl-home-section-gradient-active) !important;
}

html[data-pl-shell-mode="dark"],
html[data-pl-shell-mode="dark"] body {
  background: var(--pl-shell-bg, #0b1220) !important;
  color: var(--pl-shell-text, #ffffff) !important;
}

html[data-pl-shell-mode="light"],
html[data-pl-shell-mode="light"] body {
  background: var(--pl-shell-bg, #f6f7fb) !important;
  color: var(--pl-shell-text, #101828) !important;
}