/* LIGHT MODE (Varsayılan) */
:root {
  --bg: #ffffff;
  --text: #1a1a1a;
  --card: #f9f9f9;
}

/* DARK MODE */
body.dark {
  --bg: #1e1e1e;
  --text: #f5f5f5;
  --card: #2a2a2a;
}

body.dark .modal-box {
    background-color: #2a2a2a;
}

body.dark .modern-table th, .modern-table td {
  padding: 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  color: #fff;
}