@tailwind base;
@tailwind components;
@tailwind utilities;


/* ===============================
   DARK MODE (AMAN)
   =============================== */

/* GLOBAL */
.dark {
  background-color: #121212;
  color: #e0e0e0;
}

/* CONTAINER */
.dark .container,
.dark .card,
.dark .box,
.dark .modal {
  background-color: #1e1e1e;
  color: #e0e0e0;
  border: 1px solid #333;
}

/* TABLE */
.dark table {
  background-color: #1e1e1e;
}

.dark th {
  background-color: #2a2a2a;
  color: #ffffff;
}

.dark td {
  color: #e0e0e0;
}

.dark tr:nth-child(even) {
  background-color: #242424;
}