/* Custom Colors for Jawaharat Al-Jabal */
:root {
    --primary: #00b0ab;
    --secondary: #00d4d0;
    --accent: #494949;
    --light: #f0fffe;
    --dark-gray: #494949;
    --teal: #00b0ab;
}

/* Replace all pink colors with teal */
.bg-pink-50 { background-color: #e0f7f6 !important; }
.bg-pink-100 { background-color: #b3ede9 !important; }
.bg-pink-200 { background-color: #80e3dd !important; }
.bg-pink-300 { background-color: #4dd9d1 !important; }
.bg-pink-400 { background-color: #1acfc5 !important; }
.bg-pink-500 { background-color: #00b0ab !important; }
.bg-pink-600 { background-color: #00b0ab !important; }
.bg-pink-700 { background-color: #008f8b !important; }
.bg-pink-800 { background-color: #006e6b !important; }
.bg-pink-900 { background-color: #494949 !important; }

.text-pink-50 { color: #e0f7f6 !important; }
.text-pink-100 { color: #b3ede9 !important; }
.text-pink-200 { color: #80e3dd !important; }
.text-pink-300 { color: #4dd9d1 !important; }
.text-pink-400 { color: #1acfc5 !important; }
.text-pink-500 { color: #00b0ab !important; }
.text-pink-600 { color: #00b0ab !important; }
.text-pink-700 { color: #494949 !important; }
.text-pink-800 { color: #494949 !important; }
.text-pink-900 { color: #494949 !important; }

.border-pink-50 { border-color: #e0f7f6 !important; }
.border-pink-100 { border-color: #b3ede9 !important; }
.border-pink-200 { border-color: #80e3dd !important; }
.border-pink-300 { border-color: #4dd9d1 !important; }
.border-pink-400 { border-color: #1acfc5 !important; }
.border-pink-500 { border-color: #00b0ab !important; }
.border-pink-600 { border-color: #00b0ab !important; }
.border-pink-700 { border-color: #008f8b !important; }
.border-pink-800 { border-color: #006e6b !important; }
.border-pink-900 { border-color: #494949 !important; }

.from-pink-50 { --tw-gradient-from: #e0f7f6 !important; }
.from-pink-100 { --tw-gradient-from: #b3ede9 !important; }
.from-pink-200 { --tw-gradient-from: #80e3dd !important; }
.from-pink-300 { --tw-gradient-from: #4dd9d1 !important; }
.from-pink-400 { --tw-gradient-from: #1acfc5 !important; }
.from-pink-500 { --tw-gradient-from: #00b0ab !important; }
.from-pink-600 { --tw-gradient-from: #00b0ab !important; }
.from-pink-700 { --tw-gradient-from: #008f8b !important; }
.from-pink-800 { --tw-gradient-from: #006e6b !important; }
.from-pink-900 { --tw-gradient-from: #494949 !important; }

.to-pink-50 { --tw-gradient-to: #e0f7f6 !important; }
.to-pink-100 { --tw-gradient-to: #b3ede9 !important; }
.to-pink-200 { --tw-gradient-to: #80e3dd !important; }
.to-pink-300 { --tw-gradient-to: #4dd9d1 !important; }
.to-pink-400 { --tw-gradient-to: #1acfc5 !important; }
.to-pink-500 { --tw-gradient-to: #00b0ab !important; }
.to-pink-600 { --tw-gradient-to: #00b0ab !important; }
.to-pink-700 { --tw-gradient-to: #008f8b !important; }
.to-pink-800 { --tw-gradient-to: #006e6b !important; }
.to-pink-900 { --tw-gradient-to: #494949 !important; }

.hover\:bg-pink-50:hover { background-color: #e0f7f6 !important; }
.hover\:bg-pink-100:hover { background-color: #b3ede9 !important; }
.hover\:bg-pink-600:hover { background-color: #008f8b !important; }
.hover\:bg-pink-700:hover { background-color: #006e6b !important; }
.hover\:bg-pink-800:hover { background-color: #494949 !important; }

.hover\:text-pink-600:hover { color: #00b0ab !important; }
.hover\:text-pink-700:hover { color: #494949 !important; }
.hover\:text-pink-800:hover { color: #494949 !important; }

/* Gradient text with new colors */
.gradient-text {
    background: linear-gradient(135deg, #00b0ab, #00d4d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}