/* 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:not(.filter-btn):not(.icon-btn):not(.modal-close):not(.grid-btn):not(.segment-style-btn),
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 — uses design tokens that swap automatically */
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select,
html.dark-mode .form-control {
  background: var(--input-bg) !important;
  color: var(--input-text) !important;
  border: 1px solid var(--input-border) !important;
}
html.dark-mode input:focus,
html.dark-mode textarea:focus,
html.dark-mode select:focus {
  border-color: var(--input-focus) !important;
  outline: none !important;
}
html.dark-mode label {
  color: var(--text-muted) !important;
}
html.dark-mode button:not(.filter-btn):not(.icon-btn):not(.modal-close):not(.grid-btn):not(.segment-style-btn),
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: var(--btn-secondary-bg) !important;
  color: var(--btn-secondary-text) !important;
  border: 1px solid var(--border-color) !important;
}
html.dark-mode .btn-primary { background: var(--btn-primary-bg) !important; }
html.dark-mode .btn-danger { background: var(--btn-danger-bg) !important; }
html.dark-mode .btn-secondary { background: var(--btn-secondary-bg) !important; }