/* site_modern.css – Theme based on logo colors */
:root {
  --color-primary: #CB162A;   /* primary */
  --color-secondary: #302059; /* secondary */
  --color-accent: #AF1423;    /* accent */
  --color-danger: #ea4335;    /* red */
  --color-dark: #202124;      /* near‑black */
  --font-primary: 'Inter', sans-serif;
}

/* Global resets */
body {
  font-family: var(--font-primary);
  background-color: var(--color-dark);
  color: #fff;
  margin: 0;
  padding: 0;
}

a {
  color: var(--color-primary);
  text-decoration: none;
}
a:hover {
  color: var(--color-accent);
}

.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}
.btn-primary:hover {
  background-color: var(--color-secondary);
}

/* Navbar */
.main-header .inner-container {
  background-color: var(--color-primary) !important;
}

.main-menu .navigation > li > a {
    color: #ffffff !important;
}

/* Hero carousel (Bootstrap 5) */
.carousel-item img {
  object-fit: cover;
  height: 500px;
  width: 100%;
}

/* Sections */
section {
  padding: 4rem 0;
}

/* Footer */
footer {
  background-color: var(--color-dark);
  color: #fff;
  padding: 2rem 0;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: var(--color-accent);
}

/* Responsive tweaks */

/* Ensure description paragraphs are black */
.text p { color: #000000; }

/* Ensure description paragraphs are black */
.text p { color: #000000 !important; }
@media (max-width: 768px) {
  .btn-primary { padding: 0.5rem 1rem; }

/* Ensure description paragraphs are black */
.text p { color: #000000; }
}