/**
 * Tow Deputy — Deep Cobalt Blue Theme
 * Primary: #1E3A8A  |  Hover: #152D6F  |  Light: #EEF2FF
 * Overrides compiled output.css brand tokens and CDN Tailwind blue utilities.
 */

/* ── Brand token overrides (output.css custom classes) ── */
.bg-primary       { background-color: #1E3A8A !important; }
.text-primary     { color: #1E3A8A !important; }
.border-primary   { border-color: #1E3A8A !important; }

.hover\:bg-primary:hover   { background-color: #1E3A8A !important; }
.hover\:text-primary:hover { color: #1E3A8A !important; }

/* ── Blue utility overrides (CDN Tailwind blue-* classes) ── */
.bg-blue-50   { background-color: #EEF2FF !important; }
.bg-blue-100  { background-color: #E0E7FF !important; }
.bg-blue-500  { background-color: #2D5299 !important; }
.bg-blue-600  { background-color: #1E3A8A !important; }
.bg-blue-700  { background-color: #152D6F !important; }

.text-blue-400 { color: #6B9DE8 !important; }
.text-blue-500 { color: #2D5299 !important; }
.text-blue-600 { color: #1E3A8A !important; }

.border-blue-500 { border-color: #2D5299 !important; }
.border-blue-600 { border-color: #1E3A8A !important; }

.hover\:bg-blue-600:hover  { background-color: #1E3A8A !important; }
.hover\:bg-blue-700:hover  { background-color: #152D6F !important; }
.hover\:text-blue-500:hover { color: #2D5299 !important; }

.focus\:ring-blue-500:focus { --tw-ring-color: #1E3A8A !important; }

/* ── Active sidebar menu item ── */
.active-menu {
    background-color: #EEF2FF !important;
    color: #1E3A8A !important;
    border-right: 4px solid #1E3A8A !important;
}

/* ── Range slider thumb (overrides safari-fixes.css) ── */
input[type="range"]::-webkit-slider-thumb { background: #1E3A8A !important; }
input[type="range"]::-moz-range-thumb     { background: #1E3A8A !important; }

/* ── Audio wave bars (landing page) ── */
.wave-bar { background: #1E3A8A !important; }

/* ── Animate-ping dot (hero badge) ── */
.bg-primary.animate-ping { background-color: #1E3A8A !important; }

/* ── "Book a Call" primary CTA button hover ── */
a.bg-primary:hover,
button.bg-primary:hover { background-color: #152D6F !important; }