:root {
    --primary-navy: #002868;
    --primary-navy-dark: #001c4a;
    --primary-navy-light: #003e9c;
    --secondary-teal: #00b890;
    --secondary-teal-hover: #009e7a;
    --secondary-teal-light: rgba(0, 184, 144, 0.15);
}

/* Global resets & styling overrides */
body {
    font-family: 'Inter', sans-serif;
}

/* Header overrides */
header.bg-yellow-400 {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e7eb;
}
.header-bg {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e7eb;
}
.header-text {
    color: var(--primary-navy) !important;
}

/* Update Header Text Links to Navy Blue */
header a.text-blue-900 {
    color: var(--primary-navy) !important;
}
header a.text-blue-900:hover {
    color: var(--secondary-teal) !important;
}

/* Button & Accent Colors */
.bg-yellow-400 {
    background-color: var(--secondary-teal) !important;
}
.bg-yellow-500 {
    background-color: var(--secondary-teal-hover) !important;
}
.text-yellow-400 {
    color: var(--secondary-teal) !important;
}
.text-yellow-600 {
    color: var(--secondary-teal-hover) !important;
}
.bg-yellow-400\/20, .bg-yellow-500\/20 {
    background-color: var(--secondary-teal-light) !important;
}

/* Gradient backgrounds */
.bg-gradient-to-r.from-blue-900.to-purple-900 {
    background-image: linear-gradient(to right, var(--primary-navy), var(--primary-navy-light)) !important;
}
.bg-gradient-to-r.from-yellow-500.to-yellow-600 {
    background-image: linear-gradient(to right, var(--secondary-teal), var(--secondary-teal-hover)) !important;
}
.from-yellow-400.to-yellow-500 {
    background-image: linear-gradient(to right, var(--secondary-teal), var(--secondary-teal-hover)) !important;
}

/* Text overrides */
.text-blue-900 {
    color: var(--primary-navy) !important;
}
.text-blue-600 {
    color: var(--secondary-teal) !important;
}
.text-blue-400 {
    color: var(--secondary-teal) !important;
}
.text-blue-100 {
    color: #e2e8f0 !important;
}
.text-blue-200 {
    color: #cbd5e1 !important;
}

/* Hover effects */
.hover\:text-yellow-400:hover {
    color: var(--secondary-teal) !important;
}
.hover\:bg-blue-700:hover {
    background-color: var(--secondary-teal-hover) !important;
}

/* Borders */
.border-blue-600 {
    border-color: var(--secondary-teal) !important;
}
.border-blue-800 {
    border-color: var(--primary-navy-dark) !important;
}

/* Buttons */
.bg-blue-600 {
    background-color: var(--secondary-teal) !important;
}
.bg-blue-600:hover {
    background-color: var(--secondary-teal-hover) !important;
}
.border-blue-600 {
    border-color: var(--secondary-teal) !important;
}
.text-blue-600 {
    color: var(--secondary-teal) !important;
}

/* Shadows */
.shadow-yellow-500\/30 {
    box-shadow: 0 10px 15px -3px rgba(0, 184, 144, 0.3), 0 4px 6px -2px rgba(0, 184, 144, 0.05) !important;
}
.shadow-yellow-500\/50 {
    box-shadow: 0 10px 15px -3px rgba(0, 184, 144, 0.5), 0 4px 6px -2px rgba(0, 184, 144, 0.1) !important;
}

/* SVG icons */
.text-yellow-500 {
    color: var(--secondary-teal) !important;
}
.text-yellow-400 {
    color: var(--secondary-teal) !important;
}

/* WhatsApp CTA Button */
.whatsapp-btn {
    background-color: var(--secondary-teal) !important;
    color: #ffffff !important;
}
.whatsapp-btn:hover {
    background-color: var(--secondary-teal-hover) !important;
    color: #ffffff !important;
}

/* Floating WhatsApp Button & Pulse Animation */
@keyframes float-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

.whatsapp-float {
    background-color: #25d366 !important;
    color: #ffffff !important;
    animation: float-pulse 2s infinite;
}
.whatsapp-float:hover {
    background-color: #20ba5a !important;
    color: #ffffff !important;
}