/* Boat Wizards admin brand — navy + orange (matches boatwizards.com marketing) */

:root {
  --bw-navy: #003366;
  --bw-ocean: #0066cc;
  --bw-orange: #ff6b35;
  --bw-sand: #f8fafc;
  --bw-dark: #001a33;
  --bw-navy-soft: #e8f0f7;
  --bw-orange-soft: rgba(255, 107, 53, 0.14);
}

/* Remap Tailwind blue utilities used across the admin shell */
.text-blue-500 { color: var(--bw-ocean) !important; }
.text-blue-600 { color: var(--bw-navy) !important; }
.text-blue-700 { color: var(--bw-navy) !important; }
.text-blue-800 { color: var(--bw-dark) !important; }
.text-blue-900 { color: var(--bw-dark) !important; }

.bg-blue-50 { background-color: var(--bw-navy-soft) !important; }
.bg-blue-100 { background-color: #d6e4f0 !important; }
.bg-blue-500 { background-color: var(--bw-ocean) !important; }
.bg-blue-600 { background-color: var(--bw-navy) !important; }
.bg-blue-700 { background-color: var(--bw-dark) !important; }

.hover\:bg-blue-700:hover { background-color: var(--bw-ocean) !important; }
.hover\:bg-blue-600:hover { background-color: var(--bw-ocean) !important; }
.hover\:text-blue-800:hover { color: var(--bw-ocean) !important; }
.hover\:text-blue-900:hover { color: var(--bw-dark) !important; }
.hover\:underline.decoration-blue-400 { text-decoration-color: var(--bw-orange); }

.border-blue-200 { border-color: #b6cce0 !important; }
.border-blue-500,
.focus\:border-blue-500:focus { border-color: var(--bw-ocean) !important; }
.border-blue-600 { border-color: var(--bw-navy) !important; }

.from-blue-500 { --tw-gradient-from: var(--bw-ocean); }
.from-blue-600 { --tw-gradient-from: var(--bw-navy); }
.to-blue-600 { --tw-gradient-to: var(--bw-navy); }
.to-blue-700 { --tw-gradient-to: var(--bw-dark); }

/* Chrome: login + sidebar brand lockup */
.bw-brand-lockup {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.bw-brand-lockup img {
  width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  flex-shrink: 0;
}

.bw-brand-lockup h2 {
  margin: 0;
  color: var(--bw-navy);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
}

.bw-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.bw-sidebar-brand img {
  width: 28px;
  height: 28px;
  border-radius: 0.375rem;
  flex-shrink: 0;
}

.bw-sidebar-brand .sidebar-brand-text {
  color: var(--bw-navy);
  font-weight: 700;
}

.bw-header-brand {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
}

.bw-header-brand img {
  width: 32px;
  height: 32px;
  border-radius: 0.5rem;
  flex-shrink: 0;
}

.bw-header-brand h1 {
  color: var(--bw-navy);
}

/* Primary CTA accent — orange hover on navy buttons in auth chrome */
#loginForm button[type="submit"],
#emailConfirmModal .bg-blue-600,
#twoFAModal button[type="submit"] {
  background-color: var(--bw-navy) !important;
}
#loginForm button[type="submit"]:hover,
#emailConfirmModal .bg-blue-600:hover {
  background-color: var(--bw-ocean) !important;
}

.bw-auth-link {
  color: var(--bw-ocean) !important;
}
.bw-auth-link:hover {
  color: var(--bw-orange) !important;
}