/**
 * WHI redesign — inner pages, Bootstrap, and shared components
 * Loaded after style.css; home page uses home.css separately.
 */

:root {
  --bs-primary: #1d2b22;
  --bs-primary-rgb: 29, 43, 34;
  --bs-body-font-family: 'Inter', 'Montserrat', system-ui, sans-serif;
  --bs-body-color: #1d2b22;
  --bs-body-bg: #f9f8f3;
  --bs-link-color: #1d2b22;
  --bs-link-hover-color: #152019;
  --bs-border-color: rgba(29, 43, 34, 0.12);
}

/* Bootstrap buttons & focus rings */
.btn-primary {
  --bs-btn-bg: #1d2b22;
  --bs-btn-border-color: #1d2b22;
  --bs-btn-hover-bg: #152019;
  --bs-btn-hover-border-color: #152019;
  --bs-btn-active-bg: #152019;
  --bs-btn-active-border-color: #152019;
  border-radius: 999px;
  font-weight: 600;
}

.btn-outline-primary {
  --bs-btn-color: #1d2b22;
  --bs-btn-border-color: #1d2b22;
  --bs-btn-hover-bg: #1d2b22;
  --bs-btn-hover-border-color: #1d2b22;
  --bs-btn-active-bg: #152019;
  --bs-btn-active-border-color: #152019;
  border-radius: 999px;
  font-weight: 600;
}

.btn-outline-secondary {
  --bs-btn-color: #5a6b60;
  --bs-btn-border-color: rgba(29, 43, 34, 0.25);
  --bs-btn-hover-bg: #1d2b22;
  --bs-btn-hover-border-color: #1d2b22;
  border-radius: 999px;
}

.btn-primary-custom,
.btn-outline-custom,
.btn-view-details,
.products-filter-apply {
  border-radius: 999px;
}

.text-primary {
  color: #1d2b22 !important;
}

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

.form-control:focus,
.form-select:focus {
  border-color: rgba(29, 43, 34, 0.35);
  box-shadow: 0 0 0 0.2rem rgba(29, 43, 34, 0.12);
}

/* Page titles — serif like home redesign */
.about-page-title,
.faq-page-title,
.careers-page-title,
.awards-page-title,
.ds-page-title,
.portfolio-page-title,
.product-detail-title,
.section-heading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: #1d2b22 !important;
  letter-spacing: -0.02em;
}

.section-subheading,
.about-eyebrow,
.faq-page-eyebrow,
.careers-page-eyebrow,
.products-filter-label {
  font-family: 'Inter', sans-serif;
  color: #5a6b60 !important;
  letter-spacing: 0.08em;
}

.about-section-title,
.block-title,
.careers-job-title,
.faq-section-title,
.ds-section-title,
.portfolio-item-title {
  font-family: 'Inter', sans-serif;
  color: #1d2b22;
}

/* Cards & surfaces */
.about-intro-card,
.about-text-card,
.careers-intro-card,
.careers-job-card,
.block-card,
.serve-card,
.faq-accordion .accordion-item,
.awards-masonry-card,
.ds-card {
  border-color: rgba(29, 43, 34, 0.1) !important;
  box-shadow: 0 4px 20px rgba(29, 43, 34, 0.06) !important;
}

.about-page-hero,
.careers-page-hero,
.faq-page-section,
.products-section,
.portfolio-section {
  background-color: #f9f8f3 !important;
}

.about-section--dark,
.faq-cta-card,
.ds-cta-panel {
  background: linear-gradient(135deg, #152019 0%, #1d2b22 100%) !important;
}

/* Legacy header bits (non-v2 pages) */
.company-name,
.footer-brand-name {
  font-family: 'Inter', sans-serif;
  color: #1d2b22;
}

.company-tagline,
.footer-brand-tagline {
  color: #5a6b60;
}

.nav-link-custom.active,
.site-nav-dropdown-toggle.active {
  color: #1d2b22 !important;
}

/* Modal */
.modal-header {
  border-bottom-color: rgba(29, 43, 34, 0.1);
}

.modal-title {
  font-family: 'Inter', sans-serif;
  color: #1d2b22;
  font-weight: 600;
}

.alert-info {
  background-color: rgba(29, 43, 34, 0.06);
  border-color: rgba(29, 43, 34, 0.12);
  color: #1d2b22;
}