/* --- Brand colors --- */
:root {
  --brand-black: #000000;
  --brand-white: #ffffff;
  --brand-orange: #f7931e;
}

/* --- Global --- */
body {
  background-color: var(--brand-white);
  color: #212529;
}

/* --- Header / Navbar --- */
.navbar {
  background-color: var(--brand-black) !important;
  border-bottom: 4px solid var(--brand-orange);
}

.navbar .navbar-brand,
.navbar .nav-link {
  color: var(--brand-white) !important;
}

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

/* Primary CTA button in header */
.navbar .btn-primary {
  background-color: var(--brand-orange);
  border-color: var(--brand-orange);
  color: var(--brand-black);
}

.navbar .btn-primary:hover {
  background-color: #e6820f;
  border-color: #e6820f;
}

/* --- Footer --- */
footer {
  background-color: var(--brand-black);
  color: var(--brand-white);
  border-top: 4px solid var(--brand-orange);
}

footer a {
  color: var(--brand-white);
}

footer a:hover {
  color: var(--brand-orange);
}

/* --- Cards / sections --- */
.border,
.border-top,
.border-bottom {
  border-color: #dee2e6 !important;
}

/* --- Accent utilities --- */
.text-accent {
  color: var(--brand-orange);
}

.border-accent {
  border-color: var(--brand-orange) !important;
}

/* --- Brand badge --- */
.badge-brand {
  background-color: #000000;
  color: #f7931e;
  border: 1px solid #f7931e;
  font-weight: 500;
}

.badge-brand:hover {
  background-color: #f7931e;
  color: #000000;
  text-decoration: none;
}