/* Navy Blue Color Scheme */
:root {
    --navy-50: #e8eaf6;
    --navy-100: #c5cae9;
    --navy-200: #9fa8da;
    --navy-300: #7986cb;
    --navy-400: #5c6bc0;
    --navy-500: #3f51b5;
    --navy-600: #3949ab;
    --navy-700: #303f9f;
    --navy-800: #283593;
    --navy-900: #1a237e;
}

/* Replace all blue colors with navy blue */
.bg-blue-50 { background-color: var(--navy-50) !important; }
.bg-blue-100 { background-color: var(--navy-100) !important; }
.bg-blue-200 { background-color: var(--navy-200) !important; }
.bg-blue-300 { background-color: var(--navy-300) !important; }
.bg-blue-400 { background-color: var(--navy-400) !important; }
.bg-blue-500 { background-color: var(--navy-500) !important; }
.bg-blue-600 { background-color: var(--navy-600) !important; }
.bg-blue-700 { background-color: var(--navy-700) !important; }
.bg-blue-800 { background-color: var(--navy-800) !important; }
.bg-blue-900 { background-color: var(--navy-900) !important; }

.text-blue-50 { color: var(--navy-50) !important; }
.text-blue-100 { color: var(--navy-100) !important; }
.text-blue-200 { color: var(--navy-200) !important; }
.text-blue-300 { color: var(--navy-300) !important; }
.text-blue-400 { color: var(--navy-400) !important; }
.text-blue-500 { color: var(--navy-500) !important; }
.text-blue-600 { color: var(--navy-600) !important; }
.text-blue-700 { color: var(--navy-700) !important; }
.text-blue-800 { color: var(--navy-800) !important; }
.text-blue-900 { color: var(--navy-900) !important; }

.border-blue-50 { border-color: var(--navy-50) !important; }
.border-blue-100 { border-color: var(--navy-100) !important; }
.border-blue-200 { border-color: var(--navy-200) !important; }
.border-blue-300 { border-color: var(--navy-300) !important; }
.border-blue-400 { border-color: var(--navy-400) !important; }
.border-blue-500 { border-color: var(--navy-500) !important; }
.border-blue-600 { border-color: var(--navy-600) !important; }
.border-blue-700 { border-color: var(--navy-700) !important; }
.border-blue-800 { border-color: var(--navy-800) !important; }
.border-blue-900 { border-color: var(--navy-900) !important; }

/* Hover states */
.hover\:bg-blue-50:hover { background-color: var(--navy-50) !important; }
.hover\:bg-blue-100:hover { background-color: var(--navy-100) !important; }
.hover\:bg-blue-200:hover { background-color: var(--navy-200) !important; }
.hover\:bg-blue-300:hover { background-color: var(--navy-300) !important; }
.hover\:bg-blue-400:hover { background-color: var(--navy-400) !important; }
.hover\:bg-blue-500:hover { background-color: var(--navy-500) !important; }
.hover\:bg-blue-600:hover { background-color: var(--navy-600) !important; }
.hover\:bg-blue-700:hover { background-color: var(--navy-700) !important; }
.hover\:bg-blue-800:hover { background-color: var(--navy-800) !important; }
.hover\:bg-blue-900:hover { background-color: var(--navy-900) !important; }

.hover\:text-blue-50:hover { color: var(--navy-50) !important; }
.hover\:text-blue-100:hover { color: var(--navy-100) !important; }
.hover\:text-blue-200:hover { color: var(--navy-200) !important; }
.hover\:text-blue-300:hover { color: var(--navy-300) !important; }
.hover\:text-blue-400:hover { color: var(--navy-400) !important; }
.hover\:text-blue-500:hover { color: var(--navy-500) !important; }
.hover\:text-blue-600:hover { color: var(--navy-600) !important; }
.hover\:text-blue-700:hover { color: var(--navy-700) !important; }
.hover\:text-blue-800:hover { color: var(--navy-800) !important; }
.hover\:text-blue-900:hover { color: var(--navy-900) !important; }

.hover\:border-blue-300:hover { border-color: var(--navy-300) !important; }

/* Focus states */
.focus\:ring-blue-500:focus { --tw-ring-color: var(--navy-500) !important; }
.focus\:ring-blue-300:focus { --tw-ring-color: var(--navy-300) !important; }
.focus\:border-blue-500:focus { border-color: var(--navy-500) !important; }

/* Gradients */
.from-blue-50 { --tw-gradient-from: var(--navy-50) !important; }
.from-blue-100 { --tw-gradient-from: var(--navy-100) !important; }
.from-blue-500 { --tw-gradient-from: var(--navy-500) !important; }
.from-blue-600 { --tw-gradient-from: var(--navy-600) !important; }
.from-blue-700 { --tw-gradient-from: var(--navy-700) !important; }

.to-blue-100 { --tw-gradient-to: var(--navy-100) !important; }
.to-blue-600 { --tw-gradient-to: var(--navy-600) !important; }
.to-blue-700 { --tw-gradient-to: var(--navy-700) !important; }
.to-blue-800 { --tw-gradient-to: var(--navy-800) !important; }

.hover\:from-blue-600:hover { --tw-gradient-from: var(--navy-600) !important; }
.hover\:from-blue-700:hover { --tw-gradient-from: var(--navy-700) !important; }
.hover\:to-blue-700:hover { --tw-gradient-to: var(--navy-700) !important; }
.hover\:to-blue-800:hover { --tw-gradient-to: var(--navy-800) !important; }

/* Ring colors */
.ring-blue-500 { --tw-ring-color: var(--navy-500) !important; }

/* Peer checked states */
.peer-checked\:bg-blue-600:checked ~ * { background-color: var(--navy-600) !important; }

/* Additional utility classes */
.shadow-blue-500\/20 { box-shadow: 0 10px 15px -3px rgba(63, 81, 181, 0.2), 0 4px 6px -2px rgba(63, 81, 181, 0.1) !important; }
.shadow-blue-500\/50 { box-shadow: 0 10px 15px -3px rgba(63, 81, 181, 0.5), 0 4px 6px -2px rgba(63, 81, 181, 0.3) !important; }