/* Dynamic Theme CSS - Generated from Site Settings */
:root {
  /* Primary Color Theme */
  --color-primary: #7b0000;
  --color-primary-text: #ffffff;
  --color-primary-dark: #620000;
  --color-primary-light: #953333;

  /* Secondary Color Theme */
  --color-secondary: #ffffff;
  --color-secondary-text: #000000;
}

/* Apply primary color to navbar */
.navbar {
  background: linear-gradient(135deg, #7b0000 0%, #680000 100%);
}

.navbar-brand,
.navbar-nav .nav-link {
  color: #ffffff !important;
}

.navbar-nav .nav-link:hover {
  background: rgba(255, 255, 255, 0.1);
}

.navbar-nav .nav-link.active {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.15);
}

.dropdown-menu {
  background: #a24c4c;
  border-color: #7b0000;
}

.dropdown-item {
  color: #ffffff;
}

.dropdown-item:hover {
  background: #7b0000;
  color: #000000;
}

/* Hero section uses primary color */
.page-hero {
  background: linear-gradient(135deg, #7b0000 0%, #620000 100%);
  color: #ffffff;
}

.page-hero h1,
.page-hero h2 {
  color: #ffffff;
}

.page-hero p {
  color: rgba(255, 255, 255, 0.9);
}