body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.card {
  border-radius: 5px !important;
  background-color: var(--card-bg);
  border-color: var(--card-border);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.card-login {
  border-radius: 25px !important;
  background-color: var(--card-bg);
  border-color: var(--card-border);
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background: url(https://io.altitum.space/img/fondo.png);
}

.navbar {
  box-shadow: 0 2px 4px var(--shadow-color);
  background-color: var(--nav-bg) !important;
}

.navbar-dark .nav-link {
  color: var(--nav-text);
  transition: color 0.3s ease;
}

.navbar-dark .nav-link:hover, 
.navbar-dark .nav-link.active {
  color: var(--nav-text-active);
}

.directory-item.active {
  background-color: var(--directory-active);
  font-weight: bold;
  border-left: 3px solid #0d6efd;
}

.table {
  color: var(--text-color);
  background-color: var(--table-bg);
  transition: background-color 0.3s ease;
}

.table-hover tbody tr:hover {
  background-color: var(--table-hover);
}

.progress {
  height: 20px;
  background-color: #333;
}

.progress-bar {
  background-color: #0d6efd;
}

#fileBrowser {
  min-height: 300px;
}

.modal-content {
  background-color: var(--modal-bg);
  transition: background-color 0.3s ease;
}

.form-control {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--text-color);
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.form-control:focus {
  background-color: var(--input-bg);
  color: var(--text-color);
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.btn-primary {
  background-color: var(--btn-primary-bg);
  border-color: var(--btn-primary-border);
}

.btn-secondary {
  background-color: var(--btn-secondary-bg);
  border-color: var(--btn-secondary-border);
}

.alert-danger {
  background-color: var(--alert-danger-bg);
  color: var(--alert-danger-text);
  border-color: var(--alert-danger-border);
}

/* Dark mode specific enhancements */
::-webkit-scrollbar {
  width: 10px;
  background: #2d2d2d;
}

::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 5px;
}

.btn:disabled {
  background-color: #444;
  border-color: #444;
  color: #888;
}

.dropdown-menu {
  background-color: #333;
  border-color: #444;
}

.dropdown-item {
  color: #e0e0e0;
}

.dropdown-item:hover {
  background-color: #444;
  color: #fff;
}

/* Text selection colors */
::selection {
  background: #0d6efd;
  color: white;
}

/* Custom checkbox in dark mode */
.form-check-input:not(:checked) {
  background-color: var(--input-bg);
  border-color: var(--input-border);
}

/* Fix for disabled buttons in dark mode */
.btn:disabled {
  opacity: 0.7;
}

/* Fix for hr elements */
hr {
  border-color: #444;
}

/* Fix for text-muted class */
.text-muted {
  color: #aaa !important;
}

/* Fix for card headers */
.card-header {
  border-bottom-color: var(--card-border);
  background-color: rgba(0, 0, 0, 0.1);
}

/* Fix for list group items */
.list-group-item {
  background-color: var(--card-bg);
  border-color: var(--card-border);
  color: var(--text-color);
}

/* Fix for badges */
.badge.bg-light {
  background-color: #444 !important;
  color: #eee !important;
}

.bg-light {
    background: url(https://io.altitum.space/img/background.png) no-repeat center center;
    background-color: white !important;
    background-size: cover;
}