/* BuzzClan Brand Colors */
:root {
  /* Primary Colors */
  --buzzclan-red: #dc2626; /* Primary red from BuzzClan logo */
  --buzzclan-red-dark: #b91c1c; /* Darker red for hover states */
  --buzzclan-red-light: #fef2f2; /* Light red background */
  
  /* Secondary Colors */
  --buzzclan-gray: #374151; /* Dark gray for text */
  --buzzclan-gray-light: #6b7280; /* Light gray for secondary text */
  --buzzclan-gray-lighter: #f3f4f6; /* Very light gray for backgrounds */
  
  /* Accent Colors */
  --buzzclan-orange: #ea580c; /* Orange accent from website */
  --buzzclan-blue: #1e40af; /* Blue accent for links */
  
  /* Neutral Colors */
  --buzzclan-white: #ffffff;
  --buzzclan-black: #111827;
  
  /* Status Colors */
  --buzzclan-success: #059669;
  --buzzclan-warning: #d97706;
  --buzzclan-danger: #dc2626;
  --buzzclan-info: #0891b2;
}

/* Override Bootstrap primary colors with BuzzClan palette */
.btn-primary {
  background-color: var(--buzzclan-red) !important;
  border-color: var(--buzzclan-red) !important;
}

.btn-primary:hover {
  background-color: var(--buzzclan-red-dark) !important;
  border-color: var(--buzzclan-red-dark) !important;
}

.btn-outline-primary {
  color: var(--buzzclan-red) !important;
  border-color: var(--buzzclan-red) !important;
}

.btn-outline-primary:hover {
  background-color: var(--buzzclan-red) !important;
  border-color: var(--buzzclan-red) !important;
  color: var(--buzzclan-white) !important;
}

/* Text colors */
.text-primary {
  color: var(--buzzclan-red) !important;
}

/* Background colors */
.bg-primary {
  background-color: var(--buzzclan-red) !important;
}

.bg-light {
  background-color: var(--buzzclan-gray-lighter) !important;
}

/* Link colors */
a {
  color: var(--buzzclan-red);
}

a:hover {
  color: var(--buzzclan-red-dark);
}

/* Navbar brand */
.navbar-brand {
  color: var(--buzzclan-red) !important;
  font-weight: bold;
}

/* Navigation links */
.navbar-nav .nav-link {
  color: var(--buzzclan-gray) !important;
}

.navbar-nav .nav-link:hover {
  color: var(--buzzclan-red) !important;
}

/* Sidebar colors */
.sidebar-dark-primary {
  background-color: var(--buzzclan-red) !important;
}

.sidebar-dark-primary .nav-sidebar .nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar-dark-primary .nav-sidebar .nav-link:hover {
  color: var(--buzzclan-white) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.sidebar-dark-primary .nav-sidebar .nav-link.active {
  background-color: var(--buzzclan-red-dark) !important;
  color: var(--buzzclan-white) !important;
}

/* Card headers */
.card-header {
  background-color: var(--buzzclan-white) !important;
  border-bottom: 1px solid var(--buzzclan-gray-lighter) !important;
}

/* Badge colors */
.badge.bg-primary {
  background-color: var(--buzzclan-red) !important;
}

.badge.bg-success {
  background-color: var(--buzzclan-success) !important;
}

.badge.bg-warning {
  background-color: var(--buzzclan-warning) !important;
}

.badge.bg-danger {
  background-color: var(--buzzclan-danger) !important;
}

.badge.bg-info {
  background-color: var(--buzzclan-info) !important;
}

/* Form elements */
.form-control:focus {
  border-color: var(--buzzclan-red) !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.25) !important;
}

/* Alert colors */
.alert-primary {
  background-color: var(--buzzclan-red-light) !important;
  border-color: var(--buzzclan-red) !important;
  color: var(--buzzclan-red-dark) !important;
}

/* Progress bars */
.progress-bar {
  background-color: var(--buzzclan-red) !important;
}

/* Pagination */
.page-item.active .page-link {
  background-color: var(--buzzclan-red) !important;
  border-color: var(--buzzclan-red) !important;
}

.page-link {
  color: var(--buzzclan-red) !important;
}

.page-link:hover {
  color: var(--buzzclan-red-dark) !important;
}