/*
 * assets/style.css
 * Pre-compiled custom Tailwind utility classes for product pages.
 * Ensures custom colors render even if Tailwind CDN loads slowly.
 *
 * Color definitions (from tailwind.config inline):
 *   navy.DEFAULT: #0A2540
 *   navy.dark: #061626
 *   light-blue.DEFAULT: #0056b3
 *   light-blue.hover: #004494
 *   light-blue.soft: #E6F0FA
 *   sky-accent: #00B4D8
 *   steel-gray: #4A5568
 *   kdm.blue: #0044d7
 *   kdm.hover: #003bbc
 *   kdm.dark: #111111
 *   kdm.text: #3e3e3e
 *   kdm.light: #f4f6f9
 */

/* === Navy === */
.bg-navy { background-color: #0A2540 !important; }
.bg-navy-dark { background-color: #061626 !important; }
.bg-navy\/90 { background-color: rgba(10, 37, 64, 0.9) !important; }
.text-navy { color: #0A2540 !important; }
.border-navy { border-color: #0A2540 !important; }
.from-navy { --tw-gradient-from: #0A2540; --tw-gradient-to: rgba(10,37,64,0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-navy\/40 { --tw-gradient-from: rgba(10,37,64,0.4); --tw-gradient-to: rgba(10,37,64,0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-navy\/60 { --tw-gradient-from: rgba(10,37,64,0.6); --tw-gradient-to: rgba(10,37,64,0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-navy\/80 { --tw-gradient-from: rgba(10,37,64,0.8); --tw-gradient-to: rgba(10,37,64,0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-navy\/90 { --tw-gradient-from: rgba(10,37,64,0.9); --tw-gradient-to: rgba(10,37,64,0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-navy\/95 { --tw-gradient-from: rgba(10,37,64,0.95); --tw-gradient-to: rgba(10,37,64,0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-navy-dark { --tw-gradient-to: #061626; }
.to-navy\/20 { --tw-gradient-to: rgba(10,37,64,0.2); }
.to-navy\/30 { --tw-gradient-to: rgba(10,37,64,0.3); }
.via-navy\/50 { --tw-gradient-via: rgba(10,37,64,0.5); --tw-gradient-stops: var(--tw-gradient-from), rgba(10,37,64,0.5), var(--tw-gradient-to); }

/* === Sky Accent === */
.bg-sky-accent { background-color: #00B4D8 !important; }
.bg-sky-accent\/90 { background-color: rgba(0, 180, 216, 0.9) !important; }
.text-sky-accent { color: #00B4D8 !important; }
.border-sky-accent { border-color: #00B4D8 !important; }

/* === Light Blue === */
.bg-light-blue { background-color: #0056b3 !important; }
.bg-light-blue-hover { background-color: #004494 !important; }
.bg-light-blue\/10 { background-color: rgba(0, 86, 179, 0.1) !important; }
.bg-light-blue\/5 { background-color: rgba(0, 86, 179, 0.05) !important; }
.text-light-blue { color: #0056b3 !important; }
.text-light-blue-hover { color: #004494 !important; }
.text-light-blue\/40 { color: rgba(0, 86, 179, 0.4) !important; }
.border-light-blue { border-color: #0056b3 !important; }
.border-light-blue\/20 { border-color: rgba(0, 86, 179, 0.2) !important; }
.border-light-blue\/30 { border-color: rgba(0, 86, 179, 0.3) !important; }
.from-light-blue\/10 { --tw-gradient-from: rgba(0,86,179,0.1); --tw-gradient-to: rgba(0,86,179,0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-light-blue\/20 { --tw-gradient-from: rgba(0,86,179,0.2); --tw-gradient-to: rgba(0,86,179,0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-light-blue\/30 { --tw-gradient-from: rgba(0,86,179,0.3); --tw-gradient-to: rgba(0,86,179,0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-light-blue\/5 { --tw-gradient-to: rgba(0,86,179,0.05); }

/* === Steel Gray === */
.text-steel-gray { color: #4A5568 !important; }

/* === KDM === */
.bg-kdm-blue { background-color: #0044d7 !important; }
.bg-kdm-blue\/10 { background-color: rgba(0, 68, 215, 0.1) !important; }
.bg-kdm-blue\/30 { background-color: rgba(0, 68, 215, 0.3) !important; }
.bg-kdm-blue\/40 { background-color: rgba(0, 68, 215, 0.4) !important; }
.bg-kdm-hover { background-color: #003bbc !important; }
.bg-kdm-light { background-color: #f4f6f9 !important; }
.text-kdm-blue { color: #0044d7 !important; }
.border-kdm-blue { border-color: #0044d7 !important; }
.border-kdm-blue\/50 { border-color: rgba(0, 68, 215, 0.5) !important; }
.border-kdm-blue\/60 { border-color: rgba(0, 68, 215, 0.6) !important; }
.from-kdm-blue { --tw-gradient-from: #0044d7; --tw-gradient-to: rgba(0,68,215,0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

/* === Hover states === */
.hover\:bg-sky-accent\/90:hover { background-color: rgba(0, 180, 216, 0.9) !important; }
.hover\:bg-light-blue-hover:hover { background-color: #004494 !important; }
.hover\:bg-kdm-hover:hover { background-color: #003bbc !important; }
.hover\:text-light-blue:hover { color: #0056b3 !important; }
.hover\:text-light-blue-hover:hover { color: #004494 !important; }
.hover\:border-light-blue:hover { border-color: #0056b3 !important; }
.hover\:border-sky-accent:hover { border-color: #00B4D8 !important; }