/* Shared by the source app and the production baseline's appearance menu. */
:root.theme-coral {
  --primary: 7 61% 50%;
  --primary-foreground: 0 0% 100%;
  --primary-soft: 9 80% 95%;
  --accent: 30 60% 36%;
  --accent-foreground: 0 0% 100%;
  --accent-soft: 32 78% 94%;
  --ai: 335 38% 43%;
  --ai-foreground: 0 0% 100%;
  --ai-soft: 335 45% 96%;
  --signal: 30 45% 40%;
  --signal-soft: 30 50% 94%;
  --success: 30 45% 36%;
  --success-foreground: 0 0% 100%;
  --success-soft: 30 50% 94%;
  --channel-whatsapp: 30 45% 36%;
  --background: 18 45% 98%;
  --surface: 20 60% 99%;
  --foreground: 12 22% 16%;
  --card: 20 60% 99%;
  --card-foreground: 12 22% 16%;
  --popover: 20 60% 99%;
  --popover-foreground: 12 22% 16%;
  --muted: 15 35% 95%;
  --muted-foreground: 12 12% 42%;
  --border: 15 28% 88%;
  --input: 15 32% 95%;
  --ring: 7 61% 50%;
  --shadow: 12 25% 20%;
  --glass-surface: 20 60% 99%;
  --glass-tint: 10 70% 96%;
  --glass-border: 20 60% 99%;
  --glass-highlight: 0 0% 100%;
  --ambient-blue: 9 75% 83%;
  --ambient-lilac: 24 70% 87%;
  --ambient-warm: 34 80% 85%;
  --destructive: 350 70% 40%;
  --destructive-foreground: 0 0% 100%;
}

:root.theme-coral.dark {
  --primary: 8 70% 70%;
  --primary-foreground: 10 28% 12%;
  --primary-soft: 9 30% 21%;
  --accent: 32 68% 67%;
  --accent-foreground: 20 28% 12%;
  --accent-soft: 28 24% 19%;
  --ai: 335 50% 73%;
  --ai-foreground: 335 28% 12%;
  --ai-soft: 335 24% 21%;
  --signal: 30 50% 68%;
  --signal-soft: 30 22% 19%;
  --success: 30 50% 68%;
  --success-foreground: 20 28% 12%;
  --success-soft: 30 22% 19%;
  --channel-whatsapp: 30 50% 68%;
  --background: 12 15% 8%;
  --surface: 12 13% 12%;
  --foreground: 18 28% 94%;
  --card: 12 13% 12%;
  --card-foreground: 18 28% 94%;
  --popover: 12 13% 14%;
  --popover-foreground: 18 28% 94%;
  --muted: 12 12% 18%;
  --muted-foreground: 18 16% 72%;
  --border: 12 16% 25%;
  --input: 12 12% 18%;
  --ring: 8 70% 70%;
  --shadow: 0 0% 0%;
  --glass-surface: 12 13% 14%;
  --glass-tint: 9 22% 18%;
  --glass-border: 12 20% 35%;
  --ambient-blue: 8 40% 30%;
  --ambient-lilac: 335 28% 28%;
  --ambient-warm: 28 40% 30%;
  --destructive: 350 75% 72%;
  --destructive-foreground: 350 28% 12%;
}

/* Production AI discovery still uses fixed-color utilities. Scope these exact
   selectors to Coral so existing themes and business behavior remain intact. */
:root.theme-coral [class~="hover:text-[#39766f]"]:hover,
:root.theme-coral [class~="hover:text-[#47784f]"]:hover,
:root.theme-coral [class~="text-[#148547]"],
:root.theme-coral [class~="text-[#148a43]"],
:root.theme-coral [class~="text-[#168477]"],
:root.theme-coral [class~="text-[#18a957]"],
:root.theme-coral [class~="text-[#20a95c]"],
:root.theme-coral [class~="text-[#376e5d]"],
:root.theme-coral [class~="text-[#39766f]"],
:root.theme-coral [class~="text-[#3f634b]"],
:root.theme-coral [class~="text-[#3f694a]"],
:root.theme-coral [class~="text-[#3f6a4c]"],
:root.theme-coral [class~="text-[#3f6f4d]"],
:root.theme-coral [class~="text-[#407d76]"],
:root.theme-coral [class~="text-[#41604a]"],
:root.theme-coral [class~="text-[#477653]"],
:root.theme-coral [class~="text-[#47784f]"],
:root.theme-coral [class~="text-[#47837c]"],
:root.theme-coral [class~="text-[#486653]"],
:root.theme-coral [class~="text-[#4a7054]"],
:root.theme-coral [class~="text-[#4a806f]"],
:root.theme-coral [class~="text-[#4e7258]"],
:root.theme-coral [class~="text-[#4e7f56]"],
:root.theme-coral [class~="text-[#4f6f59]"],
:root.theme-coral [class~="text-[#4f7d5b]"],
:root.theme-coral [class~="text-[#568061]"],
:root.theme-coral [class~="text-[#56835d]"],
:root.theme-coral [class~="text-[#577c77]"] {
  color: hsl(var(--primary));
}
:root.theme-coral [class~="border-[#25d366]/25"],
:root.theme-coral [class~="border-[#25d366]/30"],
:root.theme-coral [class~="border-[#b7e2c5]"],
:root.theme-coral [class~="border-[#bcd8cf]"],
:root.theme-coral [class~="border-[#bdd5c5]"],
:root.theme-coral [class~="border-[#beddd8]"],
:root.theme-coral [class~="border-[#bfd6c5]"],
:root.theme-coral [class~="border-[#c6e1dc]"],
:root.theme-coral [class~="border-[#c7d6ca]"],
:root.theme-coral [class~="border-[#c7dfca]"],
:root.theme-coral [class~="border-[#c8d8ce]"],
:root.theme-coral [class~="border-[#cbd9ce]"],
:root.theme-coral [class~="border-[#ccdbcf]"],
:root.theme-coral [class~="border-[#cce2cf]"],
:root.theme-coral [class~="border-[#cdd9d0]"],
:root.theme-coral [class~="border-[#cfd9d2]"],
:root.theme-coral [class~="border-[#cfe0d3]"],
:root.theme-coral [class~="border-[#d1ded4]"],
:root.theme-coral [class~="border-[#d1dfd4]"],
:root.theme-coral [class~="border-[#d5e4d8]"],
:root.theme-coral [class~="border-[#d7dfd9]"],
:root.theme-coral [class~="border-[#d8e1da]"],
:root.theme-coral [class~="border-[#d8e5db]"],
:root.theme-coral [class~="border-[#dfe6df]"],
:root.theme-coral [class~="border-[#e0e3df]"],
:root.theme-coral [class~="hover:border-[#9fb7a6]"]:hover,
:root.theme-coral [class~="hover:border-[#b5cab9]"]:hover,
:root.theme-coral [class~="hover:border-[#b8c5bc]"]:hover,
:root.theme-coral [class~="hover:border-[#d3ddd5]"]:hover {
  border-color: hsl(var(--primary) / 0.3);
}
:root.theme-coral [class~="bg-[#25d366]/10"],
:root.theme-coral [class~="bg-[#dfe6df]"],
:root.theme-coral [class~="bg-[#e8efe9]"],
:root.theme-coral [class~="bg-[#e9f5f3]"],
:root.theme-coral [class~="bg-[#eaf3ec]"],
:root.theme-coral [class~="bg-[#eaf5f7]"],
:root.theme-coral [class~="bg-[#eaf8ef]"],
:root.theme-coral [class~="bg-[#edf2ed]"],
:root.theme-coral [class~="bg-[#edf3ee]"],
:root.theme-coral [class~="bg-[#edf4ef]"],
:root.theme-coral [class~="bg-[#edf5ef]"],
:root.theme-coral [class~="bg-[#edf6ee]"],
:root.theme-coral [class~="bg-[#edf6f2]"],
:root.theme-coral [class~="bg-[#edf7f5]"],
:root.theme-coral [class~="bg-[#edf7f8]"],
:root.theme-coral [class~="bg-[#edf9f1]"],
:root.theme-coral [class~="bg-[#eef4ef]"],
:root.theme-coral [class~="bg-[#effbf3]"],
:root.theme-coral [class~="bg-[#f0f8f1]"],
:root.theme-coral [class~="bg-[#f1f6f2]"],
:root.theme-coral [class~="bg-[#f1f7f2]"],
:root.theme-coral [class~="bg-[#f6f7f5]"],
:root.theme-coral [class~="bg-[#f7f9f6]"],
:root.theme-coral [class~="hover:bg-[#e5f0e8]"]:hover,
:root.theme-coral [class~="hover:bg-[#ebf6f4]"]:hover,
:root.theme-coral [class~="hover:bg-[#ebf6f8]"]:hover,
:root.theme-coral [class~="hover:bg-[#edf3ef]"]:hover,
:root.theme-coral [class~="hover:bg-[#eef7ef]"]:hover,
:root.theme-coral [class~="hover:bg-[#eef7f5]"]:hover,
:root.theme-coral [class~="hover:bg-[#eef7f8]"]:hover,
:root.theme-coral [class~="hover:bg-[#f0f7f1]"]:hover,
:root.theme-coral [class~="hover:bg-[#f0f8f7]"]:hover,
:root.theme-coral [class~="hover:bg-[#f0f8f9]"]:hover,
:root.theme-coral [class~="hover:bg-[#f2f6f2]"]:hover,
:root.theme-coral [class~="hover:bg-[#f2f8f3]"]:hover,
:root.theme-coral [class~="hover:bg-[#f7f9f6]"]:hover {
  background-color: hsl(var(--primary-soft));
}
:root.theme-coral [class~="border-[#30493a]"],
:root.theme-coral [class~="border-[#354f3e]"],
:root.theme-coral [class~="border-[#4c8a83]"],
:root.theme-coral [class~="border-[#5d8e65]"],
:root.theme-coral [class~="focus-visible:border-[#71907a]"]:focus-visible {
  border-color: hsl(var(--primary) / 1);
}
:root.theme-coral [class~="bg-[#30493a]"],
:root.theme-coral [class~="bg-[#354f3e]"],
:root.theme-coral [class~="bg-[#4c8a83]"],
:root.theme-coral [class~="bg-[#5d8e65]"] {
  background-color: hsl(var(--primary)); color: hsl(var(--primary-foreground));
}
:root.theme-coral [class~="text-[#52655a]"],
:root.theme-coral [class~="text-[#52705a]"],
:root.theme-coral [class~="text-[#53635a]"],
:root.theme-coral [class~="text-[#54725f]"],
:root.theme-coral [class~="text-[#5d7e63]"],
:root.theme-coral [class~="text-[#5e7865]"],
:root.theme-coral [class~="text-[#7a837d]"] {
  color: hsl(var(--muted-foreground));
}
:root.theme-coral [class~="bg-[#fafcfb]"],
:root.theme-coral [class~="bg-[#fbfdfb]"],
:root.theme-coral [class~="bg-[#fdfefd]"] {
  background-color: hsl(var(--surface));
}
:root.theme-coral [class~="hover:text-[#24352b]"]:hover {
  color: hsl(var(--foreground));
}
:root.theme-coral [class~="focus-visible:ring-[#91ad98]/25"]:focus-visible {
  --tw-ring-color: hsl(var(--ring) / .25);
}

:root.theme-coral .text-emerald-700,
:root.theme-coral.dark .dark\:text-emerald-300 { color: hsl(var(--accent)); }
:root.theme-coral .bg-emerald-500\/10 { background-color: hsl(var(--accent-soft)); }
:root.theme-coral .border-emerald-500\/25 { border-color: hsl(var(--accent) / .25); }
:root.theme-coral .leaflet-overlay-pane [fill="#168477"] { fill: hsl(var(--primary)); }