@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;500;700;800&display=swap");

body {
  font-family: "Vazirmatn", sans-serif;
  transition:
    background-color 0.5s ease,
    color 0.5s ease;
}

.task-card {
  transition: all 0.25s ease;
  border-radius: 1rem;
  background: var(--card-color);
  border: 1px solid var(--border-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(4px);
}
.task-card:hover {
  border-color: var(--accent-color);
  box-shadow: 0 8px 24px var(--shadow-color);
  transform: translateY(-1px);
}
.task-card.dragging {
  opacity: 0.4;
  border-style: dashed;
  transform: scale(0.97);
}

/* Color-coded tag borders */
.tag-personal {
  border-right: 4px solid #3b82f6;
}
.tag-work {
  border-right: 4px solid #d4af37;
}
.tag-urgent {
  border-right: 4px solid #ef4444;
}

/* Add button with guaranteed contrast */
.btn-empire {
  background: var(--primary-color);
  color: var(--btn-text);
  border: 1px solid var(--accent-color);
}
.btn-empire:hover {
  background: var(--accent-color);
  color: var(--primary-color);
}

/* Smooth scrollbar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--muted-color);
  border-radius: 8px;
}

#preloader {
  position: fixed;
  inset: 0;
  z-index: 110;
  background: #1a1a2e;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Fix dropdown z-index issue */
#inputBox {
  position: relative;
  z-index: 10;
}
#customDropdown {
  z-index: 100 !important;
  position: absolute;
}
.dropdown-wrapper {
  position: relative;
  z-index: 100;
}