/* Static experience overrides: regular images and calm weather. */
.weather-overlay,
.rain-drop,
.snow-flake,
.spring-petal,
.autumn-leaf,
.summer-heat,
.sun-flare,
.weather-live-scene__rain,
.weather-live-scene__snow,
.weather-live-scene__lightning,
.weather-live-scene__cyclone {
  display: none !important;
  animation: none !important;
}

.app-image img,
img {
  animation: none !important;
}

.app-image,
.app-image *,
[class*="group-hover:scale"],
[class*="hover:scale"] {
  animation: none !important;
}

/* Refined Culinary Haven palette: olive grove, terracotta, honey, cream, and deep cocoa. */
:root,
[data-theme="spring"],
[data-theme="classic"],
[data-theme="citrus"],
[data-theme="summer-bright"] {
  --summer-green: #496b3a;
  --summer-yellow: #d9a441;
  --summer-orange: #b85c38;
  --summer-teal: #3f7f72;
  --summer-blue: #6f8fa3;
  --summer-pink: #a85f5f;
  --summer-cream: #f7efd9;
  --summer-text: #2b2118;
  --summer-text-muted: #786a55;

  --background: 40 54% 93%;
  --foreground: 29 38% 13%;
  --primary: 102 30% 32%;
  --secondary: 39 67% 55%;
  --accent-orange: 16 52% 47%;
  --accent-teal: 170 34% 37%;
  --accent-blue: 205 22% 54%;
  --accent-pink: 0 28% 52%;
  --muted: 39 43% 86%;
  --destructive: 4 65% 45%;
  --border: 36 28% 72%;
  --card: 42 65% 97%;
  --shadow-sm: 0 10px 24px hsla(30, 32%, 15%, 0.10);
  --shadow-md: 0 18px 48px hsla(102, 28%, 20%, 0.16);
  --shadow-lg: 0 28px 80px hsla(18, 38%, 30%, 0.20);
  --botanical-green: 102 30% 32%;
  --botanical-earth: 16 52% 47%;
}

[data-theme="terracotta"],
[data-theme="autumn"],
[data-theme="desert"] {
  --background: 34 56% 91%;
  --foreground: 24 47% 12%;
  --primary: 17 55% 43%;
  --secondary: 39 70% 54%;
  --accent-orange: 14 60% 46%;
  --accent-teal: 160 26% 38%;
  --accent-blue: 202 20% 52%;
  --accent-pink: 356 28% 50%;
  --muted: 34 44% 84%;
  --border: 28 32% 70%;
  --card: 39 62% 96%;
}

[data-theme="forest"],
[data-theme="meadow"] {
  --background: 76 34% 90%;
  --foreground: 108 32% 12%;
  --primary: 108 32% 30%;
  --secondary: 42 58% 52%;
  --accent-orange: 18 47% 46%;
  --accent-teal: 154 30% 35%;
  --accent-blue: 196 22% 49%;
  --accent-pink: 354 25% 50%;
  --muted: 78 30% 84%;
  --border: 82 22% 68%;
  --card: 63 45% 96%;
}

[data-theme="ocean"],
[data-theme="sky"],
[data-theme="frost"] {
  --background: 42 44% 92%;
  --foreground: 196 36% 13%;
  --primary: 188 34% 35%;
  --secondary: 39 65% 55%;
  --accent-orange: 16 50% 48%;
  --accent-teal: 176 38% 36%;
  --accent-blue: 202 34% 50%;
  --accent-pink: 353 24% 52%;
  --muted: 44 34% 86%;
  --border: 42 24% 72%;
  --card: 45 55% 97%;
}

[data-theme="rose"],
[data-theme="lavender"] {
  --background: 35 48% 92%;
  --foreground: 335 30% 14%;
  --primary: 340 29% 39%;
  --secondary: 38 62% 54%;
  --accent-orange: 15 48% 47%;
  --accent-teal: 166 30% 37%;
  --accent-blue: 205 22% 52%;
  --accent-pink: 345 34% 50%;
  --muted: 35 35% 86%;
  --border: 32 25% 72%;
  --card: 40 58% 97%;
}

body {
  background: #f7efd9;
}

.app-image[data-image-status="loading"],
.app-image[data-image-status="idle"] {
  background: linear-gradient(90deg, #f7efd9 0%, #e1d6b8 42%, #cfa06d 100%);
}

[data-save-data="true"] .app-image[data-image-status="loading"],
[data-save-data="true"] .app-image[data-image-status="idle"] {
  background: #f7efd9;
}

.app-background {
  background:
    radial-gradient(circle at 12% 14%, rgba(184, 92, 56, 0.22), transparent 30%),
    radial-gradient(circle at 86% 10%, rgba(63, 127, 114, 0.20), transparent 28%),
    radial-gradient(circle at 68% 82%, rgba(217, 164, 65, 0.24), transparent 34%),
    linear-gradient(135deg, #f7efd9 0%, #eadcbd 48%, #d8c49a 100%) !important;
}

.page-bg {
  background: linear-gradient(135deg, #f7efd9 0%, #eadcbd 48%, #d8c49a 100%) !important;
}

.page-bg::after,
.dark .page-bg::after {
  background:
    radial-gradient(circle at 18% 18%, rgba(184, 92, 56, 0.18), transparent 28%),
    radial-gradient(circle at 84% 24%, rgba(63, 127, 114, 0.18), transparent 30%),
    linear-gradient(180deg, rgba(247, 239, 217, 0.82), rgba(234, 220, 189, 0.76)) !important;
}

.section-bg::before {
  background: linear-gradient(135deg, rgba(73, 107, 58, 0.18), rgba(217, 164, 65, 0.20), rgba(184, 92, 56, 0.16)) !important;
}

.featured-chip {
  border-color: rgba(247, 239, 217, 0.35);
  background: rgba(43, 33, 24, 0.32);
  color: #fff8e8;
}

[data-route="/marketplace"] .featured-chip,
[data-route="/checkout"] .featured-chip,
[data-route="/recipes"] .featured-chip {
  background: linear-gradient(135deg, #b85c38, #d9a441);
  color: #2b2118;
}

[data-route="/garden"] .featured-chip,
[data-route="/discovery"] .featured-chip {
  background: linear-gradient(135deg, #496b3a, #3f7f72);
  color: #fff8e8;
}

.spring-petal {
  background-color: #b85c38;
}

.sky-interactive {
  background: linear-gradient(135deg, #6f8fa3, #d9a441);
}

/* Tone down hard-coded spring mobile navigation into the new premium earth palette. */
header .from-pink-50,
header .via-lime-50,
header .to-sky-50,
header .bg-gradient-to-br.from-pink-50 {
  --tw-gradient-from: #f7efd9 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(247 239 217 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #efe0bd var(--tw-gradient-via-position), #dfc796 var(--tw-gradient-to) !important;
}

header .text-emerald-950,
header .text-emerald-700,
header .text-pink-700 {
  color: #2b2118 !important;
}

header .border-pink-200,
header .hover\:border-pink-300:hover {
  border-color: rgba(184, 92, 56, 0.35) !important;
}

header .bg-pink-300\/25,
header .bg-emerald-300\/25 {
  background-color: rgba(217, 164, 65, 0.22) !important;
}