/* Custom overrides to match home design in admin and login */
:root {
  --home-theme: #058016; /* matches --theme-color from home */
  --home-secondary: #1836db; /* matches --secondary-color from home */
  --home-font: "Plus Jakarta Sans", sans-serif;
}

/* Typography */
body, .navbar, .menu, .card, .btn, input, select, textarea {
  font-family: var(--home-font) !important;
}

/* Primary color overrides */
.text-primary { color: var(--home-theme) !important; }
.bg-primary { background-color: var(--home-theme) !important; }
.border-primary { border-color: var(--home-theme) !important; }

/* Buttons */
.btn-success {
  background-color: var(--home-theme) !important;
  border-color: var(--home-theme) !important;
}
.btn-success:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--home-secondary) !important;
  border-color: var(--home-secondary) !important;
}

/* Links and accents */
a { color: var(--home-secondary); }
a:hover { color: var(--home-theme); }

/* Sidebar active state (Sneat menu) */
.menu-vertical .menu-item.active > .menu-link,
.menu-vertical .menu-item .menu-link.active {
  background-color: rgba(5, 128, 22, 0.10) !important;
  color: var(--home-theme) !important;
}
.menu-vertical .menu-link .menu-icon,
.menu-vertical .menu-item.active > .menu-link .menu-icon,
.menu-vertical .menu-item .menu-link.active .menu-icon {
  color: var(--home-theme) !important;
}

/* Form controls focus */
.form-control:focus,
input:focus, select:focus, textarea:focus {
  border-color: var(--home-theme) !important;
  box-shadow: 0 0 0 .2rem rgba(5, 128, 22, 0.15) !important;
}

/* Auth card headings */
.authentication-inner h4,
.authentication-inner .text-primary {
  color: var(--home-theme) !important;
}

/* Error messages (since Tailwind classes may not be present) */
.authentication-inner .text-red-600,
.text-red-600,
.invalid-feedback,
.form-text.text-danger,
.error-text {
  color: var(--home-secondary) !important;
}
