:root {
  --bg-color: #f8f9fa;
  --text-color: #212529;
  --card-bg: #ffffff;
  --footer-bg: #ffffff;
  --footer-text: #6c757d;
  --footer-border: #e9ecef;
}

/* Tema Dark: Blue Graphite */
body.dark-mode {
  --bg-color: #1c2230;
  --text-color: #f2f5fa;
  --card-bg: #252c3a;
  --footer-bg: #1e2432;
  --footer-text: #c3cad5;
  --footer-border: #32394a;
}

body.dark-mode .card {
  background-color: var(--card-bg);
  border: 1px solid var(--footer-border);
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

body.dark-mode a {
  color: #9ae6b4 !important;
}

body.dark-mode a:hover {
  color: #58a6ff !important;
}