/* Light mode form styles (default) */
html:not(.dark-mode) input,
html:not(.dark-mode) textarea,
html:not(.dark-mode) select,
html:not(.dark-mode) .form-control {
  background: var(--input-bg) !important;
  color: var(--input-text) !important;
  border: 1px solid var(--input-border) !important;
}
html:not(.dark-mode) input:focus,
html:not(.dark-mode) textarea:focus,
html:not(.dark-mode) select:focus {
  border-color: var(--input-focus) !important;
  outline: none !important;
}
html:not(.dark-mode) label {
  color: var(--text-color) !important;
}
html:not(.dark-mode) button,
html:not(.dark-mode) input[type=submit],
html:not(.dark-mode) .btn,
html:not(.dark-mode) .btn-primary,
html:not(.dark-mode) .btn-danger,
html:not(.dark-mode) .btn-secondary {
  background: var(--btn-secondary-bg) !important;
  color: var(--btn-secondary-text) !important;
  border: 1px solid var(--border-color) !important;
}
html:not(.dark-mode) .btn-primary { 
  background: var(--btn-primary-bg) !important; 
  color: var(--btn-primary-text) !important;
}
html:not(.dark-mode) .btn-danger { 
  background: var(--btn-danger-bg) !important; 
  color: var(--btn-danger-text) !important;
}
html:not(.dark-mode) .btn-secondary { 
  background: var(--btn-secondary-bg) !important; 
  color: var(--btn-secondary-text) !important;
}

/* Dark mode styles for forms and fields */
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select,
html.dark-mode .form-control {
  background: #181c22 !important;
  color: #fff !important;
  border: 1px solid #4f8cff !important;
}
html.dark-mode input:focus,
html.dark-mode textarea:focus,
html.dark-mode select:focus {
  border-color: #2ecc40 !important;
  outline: none !important;
}
html.dark-mode label {
  color: #b0b8c9 !important;
}
html.dark-mode button,
html.dark-mode input[type=submit],
html.dark-mode .btn,
html.dark-mode .btn-primary,
html.dark-mode .btn-danger,
html.dark-mode .btn-secondary {
  background: #232a36 !important;
  color: #fff !important;
  border: 1px solid #4f8cff !important;
}
html.dark-mode .btn-primary { background: #4f8cff !important; }
html.dark-mode .btn-danger { background: #e74c3c !important; }
html.dark-mode .btn-secondary { background: #888 !important; }