/*
  Clean Carvic-aligned stylesheet
  Minimal overrides to keep structure intact and fix previous syntax issues.
*/

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html { font-size: 16px; }
}

/* Brand tokens */
:root {
  --carvic-accent: #754C24;       /* Brown accent */
  --carvic-accent-hover: #5E3C1C; /* Darker hover */
  --carvic-text: #666666;         /* Carvic primary/text */
  --carvic-border-subtle: #E5E7EB;
}

/* Typography */
body {
  margin-bottom: 60px;
  font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #666666 !important; /* force warm gray over Bootstrap defaults */
  background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #666666; /* Carvic primary */
}

/* Navbar: keep light background; use accent only for highlights */
.navbar {
  background-color: #ffffff;
  border-bottom: 1px solid var(--carvic-border-subtle);
}
.navbar .navbar-brand,
.navbar .nav-link {
  color: #666666 !important; /* Carvic primary/text */
}
.navbar .nav-link.active,
.navbar .nav-link:hover {
  color: var(--carvic-accent) !important;
}

/* Buttons & badges: align typography so status chips
   and action buttons use the same font and weight. */
.btn,
.badge {
  font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 500; /* avoid extra-bold badges vs. buttons */
}

.btn-primary {
  background-color: var(--carvic-accent);
  border-color: var(--carvic-accent);
  color: #ffffff;
}
.btn-primary:hover {
  background-color: var(--carvic-accent-hover);
  border-color: var(--carvic-accent-hover);
  color: #ffffff;
}

/* Make secondary buttons brand-consistent: outline accent, no Bootstrap gray */
.btn-secondary {
  background-color: transparent;
  color: var(--carvic-accent);
  border: 1px solid var(--carvic-accent);
}
.btn-secondary:hover {
  background-color: var(--carvic-accent);
  color: #ffffff;
}

/* Normalize warning/danger buttons to brand accent variants */
.btn-warning, .btn-danger {
  background-color: var(--carvic-accent);
  border-color: var(--carvic-accent);
  color: #ffffff;
}
.btn-warning:hover, .btn-danger:hover {
  background-color: var(--carvic-accent-hover);
  border-color: var(--carvic-accent-hover);
}

/* Links */
a { color: #666666; }
a:hover { color: var(--carvic-accent); }

/* Badges */
.badge-primary, .badge.bg-primary { background-color: var(--carvic-accent) !important; }
/* Collapse Bootstrap’s yellow/red badge palette to brand-consistent tones */
.badge-warning, .badge.bg-warning { background-color: var(--carvic-accent) !important; color: #ffffff; }
.badge-danger, .badge.bg-danger { background-color: var(--carvic-accent-hover) !important; color: #ffffff; }

/* Subtle borders */
.border-muted { border-color: var(--carvic-border-subtle) !important; }

/* Optional light hero background */
.bg-hero { background-color: #FAF8F5; }