/* Theme Utilities for Django Templates */

/* Text contrast utilities */
.text-contrast-high {
  color: rgb(17 24 39);
}

.dark .text-contrast-high {
  color: rgb(249 250 251);
}

.text-contrast-medium {
  color: rgb(55 65 81);
}

.dark .text-contrast-medium {
  color: rgb(229 231 235);
}

.text-contrast-low {
  color: rgb(107 114 128);
}

.dark .text-contrast-low {
  color: rgb(209 213 219);
}

.text-muted {
  color: rgb(156 163 175);
}

.dark .text-muted {
  color: rgb(156 163 175);
}

/* Background utilities */
.bg-card {
  background-color: rgb(255 255 255);
}

.dark .bg-card {
  background-color: rgb(17 24 39);
}

.bg-card-secondary {
  background-color: rgb(249 250 251);
}

.dark .bg-card-secondary {
  background-color: rgb(31 41 55);
}

/* Border utilities */
.border-card {
  border-color: rgb(229 231 235);
}

.dark .border-card {
  border-color: rgb(75 85 99);
}

/* Hover states */
.hover-card:hover {
  background-color: rgb(249 250 251);
}

.dark .hover-card:hover {
  background-color: rgb(31 41 55);
}

/* Menu items */
.menu-item {
  color: rgb(55 65 81);
}

.dark .menu-item {
  color: rgb(229 231 235);
}

.menu-item:hover {
  background-color: rgb(243 244 246);
}

.dark .menu-item:hover {
  background-color: rgb(55 65 81);
}

.menu-item-active {
  background-color: rgb(243 244 246);
  color: rgb(17 24 39);
}

.dark .menu-item-active {
  background-color: rgb(55 65 81);
  color: rgb(249 250 251);
}

/* Form elements */
.form-input {
  background-color: rgb(255 255 255);
  border-color: rgb(209 213 219);
  color: rgb(17 24 39);
}

.dark .form-input {
  background-color: rgb(31 41 55);
  border-color: rgb(75 85 99);
  color: rgb(249 250 251);
}

.form-input::placeholder {
  color: rgb(107 114 128);
  opacity: 1;
}

.dark .form-input::placeholder {
  color: rgb(156 163 175);
  opacity: 1;
}

/* Button utilities */
.btn-primary {
  background: linear-gradient(to right, rgb(147 51 234), rgb(168 85 247));
  color: rgb(255 255 255);
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 500;
  transition: all 0.2s;
}

.btn-primary:hover {
  background: linear-gradient(to right, rgb(126 34 206), rgb(147 51 234));
}

.dark .btn-primary {
  background: linear-gradient(to right, rgb(168 85 247), rgb(196 181 253));
}

.dark .btn-primary:hover {
  background: linear-gradient(to right, rgb(147 51 234), rgb(168 85 247));
}