/* Brand Colors for Niger Delta Research Digest */
:root {
  --ndrd-primary: #0c71c3;
  --ndrd-primary-dark: #0a5fa1;
  --ndrd-primary-light: #3b9be6;
  --ndrd-secondary: #d38c3f;
  --ndrd-secondary-dark: #c17f36;
  --ndrd-secondary-light: #e6a866;
  --ndrd-accent: #f8f9fa;
  --ndrd-text-dark: #2d3748;
  --ndrd-text-light: #718096;
}

/* Custom styles for NDRD branding */
.bg-ndrd-primary {
  background-color: var(--ndrd-primary);
}

.bg-ndrd-primary-dark {
  background-color: var(--ndrd-primary-dark);
}

.bg-ndrd-primary-light {
  background-color: var(--ndrd-primary-light);
}

.bg-ndrd-secondary {
  background-color: var(--ndrd-secondary);
}

.bg-ndrd-secondary-dark {
  background-color: var(--ndrd-secondary-dark);
}

.bg-ndrd-secondary-light {
  background-color: var(--ndrd-secondary-light);
}

.text-ndrd-primary {
  color: var(--ndrd-primary);
}

.text-ndrd-primary-dark {
  color: var(--ndrd-primary-dark);
}

.text-ndrd-secondary {
  color: var(--ndrd-secondary);
}

.text-ndrd-secondary-light {
  color: var(--ndrd-secondary-light);
}

.border-ndrd-primary {
  border-color: var(--ndrd-primary);
}

.border-ndrd-secondary {
  border-color: var(--ndrd-secondary);
}

/* Hover states */
.hover\:bg-ndrd-primary:hover {
  background-color: var(--ndrd-primary) !important;
}

.hover\:bg-ndrd-primary-dark:hover {
  background-color: var(--ndrd-primary-dark) !important;
}

.hover\:bg-ndrd-secondary-dark:hover {
  background-color: var(--ndrd-secondary-dark) !important;
}

.hover\:text-ndrd-primary:hover {
  color: var(--ndrd-primary) !important;
}

.hover\:text-ndrd-secondary:hover {
  color: var(--ndrd-secondary) !important;
}

/* Header styling */
.ndrd-header {
  background-color: var(--ndrd-primary);
}

/* Navigation styling - slightly darker than header */
.ndrd-nav {
  background-color: var(--ndrd-primary-dark);
}

.ndrd-nav a:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

/* Button styling */
.ndrd-button {
  background-color: var(--ndrd-secondary);
  color: white;
  transition: all 0.3s ease;
}

.ndrd-button:hover {
  background-color: var(--ndrd-secondary-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.ndrd-button-primary {
  background-color: var(--ndrd-primary);
  color: white;
  transition: all 0.3s ease;
}

.ndrd-button-primary:hover {
  background-color: var(--ndrd-primary-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.ndrd-button-outline {
  background-color: transparent;
  color: var(--ndrd-primary);
  border: 2px solid var(--ndrd-primary);
  transition: all 0.3s ease;
}

.ndrd-button-outline:hover {
  background-color: var(--ndrd-primary);
  color: white;
}

/* Active navigation border */
.ndrd-nav-active {
  border-bottom: 2px solid var(--ndrd-secondary) !important;
}

/* Marquee animation */
.animate-marquee {
  animation: marquee 20s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Custom hover effects */
.hover\:text-ndrd-secondary:hover {
  color: var(--ndrd-secondary) !important;
}

/* Card styles */
.ndrd-card {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.ndrd-card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

/* Hero section styling */
.ndrd-hero {
  background: linear-gradient(135deg, var(--ndrd-primary) 0%, var(--ndrd-primary-dark) 100%);
}

/* Section headers */
.ndrd-section-header {
  color: var(--ndrd-text-dark);
  border-bottom: 3px solid var(--ndrd-secondary);
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}

/* Footer styling */
.ndrd-footer {
  background: linear-gradient(135deg, var(--ndrd-primary-dark) 0%, #1a202c 100%);
}

.ndrd-footer h3 {
  color: var(--ndrd-secondary);
}

.ndrd-footer a:hover {
  color: var(--ndrd-secondary) !important;
}