/* Dynamic CSS with colors from database */
:root {
  --primary-color: #202d4f;
  --secondary-color: #9b723d;
  --accent-color: #5d7cba;
  --text-dark: #2c3e50;
  --text-light: #7f8c8d;
  --bg-light: #f8f9fa;
  --border-color: #dee2e6;
  --shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  --secondary-shadow: 0 0 0 0.2rem rgba(155, 114, 61, 0.25);
  --whatsapp-green: #26d43a;
}

/* Override Bootstrap's text-primary with custom primary color */
.text-primary {
  color: var(--primary-color) !important;
}

/* Additional color classes */
.text-secondary {
  color: var(--secondary-color) !important;
}

.text-accent {
  color: var(--accent-color) !important;
}

.text-dark-custom {
  color: var(--text-dark) !important;
}

.text-light-custom {
  color: var(--text-light) !important;
}

.bg-primary-custom {
  background-color: var(--primary-color) !important;
}

.bg-secondary-custom {
  background-color: var(--secondary-color) !important;
}

.bg-accent {
  background-color: var(--accent-color) !important;
}

.bg-light-custom {
  background-color: var(--bg-light) !important;
}

.border-custom {
  border-color: var(--border-color) !important;
}

.btn-whatsapp {
  background-color: var(--whatsapp-green) !important;
  border-color: var(--whatsapp-green) !important;
  color: white !important;
}