/* Tema değişkenleri */
:root {
  --main-bg: #f8fafc;
  --main-text: #222;
  --box-bg: #fff;
  --box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.18);
  --primary: #6366f1;
  --primary-gradient: linear-gradient(90deg, #6366f1 0%, #60a5fa 100%);
  --input-bg: #f1f5f9;
  --input-border: #6366f1;
}
body.theme-dark {
  --main-bg: #181a20;
  --main-text: #fff;
  --box-bg: #23262f;
  --box-shadow: 0 8px 32px 0 rgba(0,0,0,0.32);
  --primary: #818cf8;
  --primary-gradient: linear-gradient(90deg, #818cf8 0%, #38bdf8 100%);
  --input-bg: #23262f;
  --input-border: #818cf8;
}
body.theme-dark, body.theme-dark .form-label, body.theme-dark .input-group-text, body.theme-dark .form-control, body.theme-dark .footer, body.theme-dark .capslock-warning, body.theme-dark .error-message {
  color: #fff !important;
}
body {
  background: var(--main-bg) !important;
  color: var(--main-text);
}
.login-box, .card, .modal-content {
  background: var(--box-bg) !important;
  box-shadow: var(--box-shadow) !important;
  color: var(--main-text) !important;
}
.btn-primary {
  background: var(--primary-gradient) !important;
  border: none;
}
.form-control, .input-group-text {
  background: var(--input-bg) !important;
  color: var(--main-text) !important;
  border-color: var(--input-border) !important;
}