:root {
  --bg-light: #fffdf8;
  --primary-bg: #ffedc1;
  --primary-text: #37474f;
  --primary-hover: #263238;
  --success-text: #2e7d32;
  --success-bg: #c8e6c9;
  --error-text: #c62828;
  --error-bg: #ffcdd2;
}

body {
  background-color: var(--bg-light);
}

.logo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.custom-navbar-footer {
  background-color: var(--primary-bg);
}

.custom-navbar-footer-item {
  color: var(--primary-text);
  transition: color 0.2s ease;
}

.custom-navbar-footer-item:hover {
  color: var(--primary-hover);
}

.custom-btn {
  color: var(--primary-text);
  border-color: var(--primary-text);
  background-color: transparent;
  transition: all 0.3s ease;
}

.custom-btn:hover,
.custom-btn:focus {
  color: var(--bg-light);
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}

.nav-active {
  background-color: var(--primary-hover);
  color: var(--bg-light) !important;
  border-radius: 6px;
  padding: 4px -8px;
  font-weight: 600;
}

.success {
  font-size: 12pt;
  font-weight: bold;
  color: var(--success-text);
  background-color: var(--success-bg);
  margin-top: 10pt;
  padding-top: 10pt;
  padding-bottom: 10pt;
  padding-left: 10pt;
  margin-right: 10pt;
  list-style: none;
}

.error {
  font-size: 12pt;
  font-weight: bold;
  color: var(--error-text);
  background-color: var(--error-bg);
  margin-top: 10pt;
  padding-top: 10pt;
  padding-bottom: 10pt;
  padding-left: 10pt;
  margin-right: 10pt;
  list-style: none;
}