/* Common styles */
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.btn-toggle-theme {
  position: fixed;
  bottom: 10px;
  right: 10px;
}

.logo {
  width: 50px;
  height: auto;
}

.card {
  margin-bottom: 20px;
}

/* Dark theme */
body.dark {
  background-color: #1a1a1b;
  color: #d7dadc;
}

body.dark .btn-primary {
  background-color: #ff4500;
  border-color: #ff4500;
}

body.dark .btn-primary:hover {
  background-color: #ff5700;
  border-color: #ff5700;
}

body.dark .btn-info {
  background-color: #0079d3;
  border-color: #0079d3;
}

body.dark .btn-info:hover {
  background-color: #1484d6;
  border-color: #1484d6;
}

body.dark .card {
  border-color: #343536;
  background-color: #343536;
}

body.dark .card-title, body.dark .card-text {
  color: #d7dadc;
}

/* Light theme */
body.light {
  background-color: #ffffff;
  color: #000000;
}

body.light .btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}

body.light .btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

body.light .btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
}

body.light .btn-info:hover {
  background-color: #138496;
  border-color: #138496;
}

body.light .card {
  border-color: #cccccc;
  background-color: #f8f9fa;
}

body.light .card-title, body.light .card-text {
  color: #000000;
}

/* Responsive */
@media (max-width: 768px) {
  .container {
    padding: 0 15px;
  }
  
  .d-grid {
    grid-template-columns: 1fr !important;
  }

  .btn-toggle-theme {
    bottom: 20px;
    right: 20px;
  }
}