:root {
  --bs-yellow: #ffc107;
  --bs-red: #dc3545;
  --bs-primary: #dc3545; /* Red as primary */
  --bs-danger: #ffc107; /* Yellow as danger */
}

body {
  font-family: "Open Sans", sans-serif;
  color: #333;
}

/* Header & Navigation */
.nav-bar {
  background: linear-gradient(to right, #dc3545, #ffc107);
}

.navbar-brand h1 {
  color: white !important;
}

.navbar-brand span {
  color: #ffc107 !important;
}

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

.navbar-nav .nav-link:hover {
  color: #ffc107 !important;
}

.btn-search {
  background-color: #ffc107;
  color: #dc3545;
}

/* Hero Section */
.hero-section {
  background: linear-gradient(rgba(220, 53, 69, 0.9), rgba(220, 53, 69, 0.7)),
    url("https://placehold.co/1200x800") no-repeat center center;
  background-size: cover;
  color: white;
}

.hero-section .btn-primary {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #dc3545;
}

.hero-section .btn-primary:hover {
  background-color: #e0a800;
  border-color: #d39e00;
  color: white;
}

/* About Section */
.about-section {
  background-color: #fff9e6;
}

.about-section small {
  background-color: #ffc107;
  color: #dc3545;
  border: 1px solid #dc3545;
}

.about-section i {
  color: #dc3545;
}

.about-section .btn-primary {
  background-color: #dc3545;
  border-color: #dc3545;
}

/* Facts Section */
.faqt {
  background: linear-gradient(to right, #dc3545, #ffc107);
}

.faqt-item {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.faqt-item h1 {
  color: #dc3545 !important;
}

.faqt-item p {
  color: #ffc107 !important;
}

/* Services Section */
.service-item {
  border: 2px solid #ffc107;
  transition: all 0.3s;
}

.service-item:hover {
  border-color: #dc3545;
  transform: translateY(-5px);
}

.service-content-icon i {
  color: #dc3545 !important;
}

.service-content-icon .btn-primary {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #dc3545;
}

/* Events Section */
.event .nav-pills .nav-link.active {
  background-color: #dc3545 !important;
  color: white !important;
}

.event .nav-pills .nav-link {
  background-color: #ffc107 !important;
  color: #333 !important;
}

.event-overlay {
  background: linear-gradient(transparent, #dc3545);
}

/* Menu Section */
.menu {
  background: linear-gradient(to bottom, #fff9e6, white);
}

.menu-item {
  border-bottom: 1px dashed #ffc107;
}

.menu-item h4 {
  color: #dc3545;
}

.border-primary {
  border-color: #ffc107 !important;
}

/* Testimonials */
.testimonial-item {
  border-left: 3px solid #dc3545;
}

.testimonial-item i {
  color: #ffc107 !important;
}

/* Footer */
.footer {
  background: linear-gradient(to right, #dc3545, #ffc107);
  color: white;
}

.footer h1 {
  color: white;
}

.footer h1 span {
  color: #ffc107;
}

.footer-icon .btn {
  background-color: #ffc107;
  color: #dc3545;
}

.footer a {
  color: rgba(255, 255, 255, 0.8);
}

.footer a:hover {
  color: #ffc107;
}

.copyright {
  background-color: #c82333;
  color: white;
}

/* Buttons */
.btn-primary {
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-primary:hover {
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-outline-primary {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-primary:hover {
  background-color: #dc3545;
  color: white;
}

/* Utilities */
.text-primary {
  color: #dc3545 !important;
}

.bg-primary {
  background-color: #dc3545 !important;
}

.border-primary {
  border-color: #dc3545 !important;
}

.text-danger {
  color: #ffc107 !important;
}

.bg-danger {
  background-color: #ffc107 !important;
}