/* DeliverBetter Custom Overrides for SFTPGo v2.7.6 */

/* Force Root & Theme Color Variables */
:root,
[data-bs-theme="dark"],
[data-bs-theme="light"] {
  --bs-body-bg: #F8FAFC !important;
  --bs-body-color: #0F172A !important;
  --bs-card-bg: #FFFFFF !important;
  --bs-card-color: #0F172A !important;
  --bs-primary: #2563EB !important;
  --bs-primary-hover: #1D4ED8 !important;
}

/* Background & Body */
html,
body,
body.app-blank,
body[class*="bg-"] {
  background-color: #F8FAFC !important;
  color: #0F172A !important;
}

/* Main Card Container */
.bg-body,
.card,
.shadow-sm,
div[class*="w-lg-500px"] {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08) !important;
}

/* Typography & Labels */
h1, h2, h3, h4, h5, h6,
.text-gray-900,
.text-gray-800,
.text-gray-700 {
  color: #0B132B !important;
}

/* Form Controls */
.form-control,
.form-control-solid {
  background-color: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
  border-radius: 8px !important;
}

.form-control:focus,
.form-control-solid:focus {
  background-color: #FFFFFF !important;
  border-color: #2563EB !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

/* Buttons */
.btn-primary,
button[type="submit"] {
  background-color: #2563EB !important;
  border-color: #2563EB !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

.btn-primary:hover,
button[type="submit"]:hover {
  background-color: #1D4ED8 !important;
  border-color: #1D4ED8 !important;
}

/* Bottom Navigation Links */
a, .text-primary {
  color: #2563EB !important;
}

/* GoFor Logo Sizing Override */
.auth-page .brand-logo, 
img[src*="logo.png"] {
  max-height: 50px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* GoFor External Logo Sizing */
img[src*="gofor-logo.png"],
.container img[alt="Logo"] {
  max-height: 60px !important;
  max-width: 100% !important;
  width: auto !important;
  object-fit: contain !important;
}