/* ============================================
   Market Village — Custom Color Overrides
   ============================================
   These overrides change Tailwind's default colors
   to match the teal design system.
   
   Primary: #0f766e (teal-700)
   Secondary: #14b8a6 (teal-500)
   Accent: #e67e22 (orange)
   Navy: #1a365d
   ============================================
*/

:root {
  --primary: #0f766e;
  --secondary: #14b8a6;
  --accent: #e67e22;
  --navy: #1a365d;
  --warm: #d97706;
  --plum: #3d2040;
  --cream: #fef9f3;
  --violet: #7c3aed;
  --rose: #f43f5e;
}

/* Text Colors */
.text-primary { color: #0f766e !important; }
.text-secondary { color: #14b8a6 !important; }
.text-navy { color: #1a365d !important; }
.text-accent { color: #e67e22 !important; }
.text-warm { color: #d97706 !important; }

/* Background Colors */
.bg-primary { background-color: #0f766e !important; }
.bg-secondary { background-color: #14b8a6 !important; }
.bg-navy { background-color: #1a365d !important; }
.bg-accent { background-color: #e67e22 !important; }
.bg-warm { background-color: #d97706 !important; }
.bg-cream { background-color: #fef9f3 !important; }

/* Border Colors */
.border-primary { border-color: #0f766e !important; }
.border-secondary { border-color: #14b8a6 !important; }

/* Hover States */
.hover\:text-primary:hover { color: #0f766e !important; }
.hover\:text-secondary:hover { color: #14b8a6 !important; }
.hover\:bg-primary:hover { background-color: #0f766e !important; }

/* Gradient Colors */
.from-primary {
  --tw-gradient-from: #0f766e !important;
}
.to-secondary {
  --tw-gradient-to: #14b8a6 !important;
}
.from-secondary {
  --tw-gradient-from: #14b8a6 !important;
}
.to-primary {
  --tw-gradient-to: #0f766e !important;
}

/* Hover Gradients */
.hover\:from-\[\#0d6b60\]:hover {
  --tw-gradient-from: #0d6b60 !important;
}
.hover\:to-\[\#12a896\]:hover {
  --tw-gradient-to: #12a896 !important;
}