/* Only the AppLayout background layer changes; the component palette stays intact. */
html:not(.dark) #app .min-h-screen.bg-gray-50:has(> .bg-mesh-gradient) {
  --dashboard-warm-base: #fcf6ed;
  --dashboard-warm-glow: 201 132 54;
  background-color: var(--dashboard-warm-base);
}

html:not(.dark) #app .min-h-screen.bg-gray-50 > .bg-mesh-gradient {
  background-image:
    radial-gradient(at 40% 20%, rgb(var(--dashboard-warm-glow) / 0.12) 0px, transparent 50%),
    radial-gradient(at 80% 0%, rgb(var(--dashboard-warm-glow) / 0.08) 0px, transparent 50%),
    radial-gradient(at 0% 50%, rgb(var(--dashboard-warm-glow) / 0.08) 0px, transparent 50%);
}