/* Sovereign Maroon: a formal maroon foundation with antique-gold actions. */
:root {
  --primary-color: #6b1f32;
  --secondary-color: #c89b3c;
  --accent-color: #8b2e48;
  --body-bg: #fff9ee;
  --surface-blue: #fff5e5;
  --surface-warm: #fff3dd;
  --slate-50: #fffaf7;
  --slate-100: #f9e9df;
  --slate-200: #edcfbd;
  --slate-300: #d9a88e;
  --slate-400: #b87d65;
  --slate-500: #905b4a;
  --slate-600: #714234;
  --slate-700: #5b3029;
  --slate-800: #44231f;
  --slate-900: #4a1324;
  --shadow-glow: 0 0 20px 0 rgba(200, 155, 60, 0.22);
}

body { background-color: var(--body-bg); color: var(--slate-800); }
a { color: var(--primary-color); }
a:hover { color: var(--secondary-color); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #e7c56b !important; outline-offset: 3px; }

.header-style-four .pearo-nav .navbar, .header-style-four .pearo-nav, .header-style-four .navbar-area, .header-style-four .navbar-area.is-sticky { background-color: var(--primary-color) !important; box-shadow: 0 6px 18px rgba(74, 19, 36, 0.24); }
.top-header { background-color: var(--slate-900); border-bottom-color: var(--slate-800); }
.top-header .top-header-right-side ul li .icon { background-color: var(--primary-color); color: #ffffff !important; }
.top-header .top-header-right-side ul li a.default-btn, .default-btn, .btn-primary, .btn-secondary { background-color: var(--secondary-color); color: #ffffff !important; box-shadow: 0 10px 15px -3px rgba(200, 155, 60, 0.32); }
.top-header .top-header-right-side ul li a.default-btn span, .default-btn span, .top-header .top-header-right-side ul li a.default-btn:hover span, .top-header .top-header-right-side ul li a.default-btn:focus span, .default-btn:hover span, .default-btn:focus span { background-color: var(--primary-color) !important; }
.default-btn:hover, .btn-primary:hover, .btn-secondary:hover { background-color: var(--primary-color); color: #ffffff !important; box-shadow: 0 15px 20px -5px rgba(107, 31, 50, 0.34); }

.page-heading, .page-title-area { background: linear-gradient(135deg, #4a1324 0%, #6b1f32 100%) !important; }
.page-heading::before, .page-title-area::before { background: radial-gradient(circle, rgba(200, 155, 60, 0.24) 0%, transparent 70%); }
.title-divider, .page-title-content::after, .card-accent { background-color: var(--secondary-color); }

.header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li > a, .header-style-four .pearo-nav .navbar .navbar-nav ul li a { color: #ffffff !important; }
.header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li:hover, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li:hover > a, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li.active, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li.active > a, .top-header .top-header-right-side ul li a:hover { color: #e7c56b !important; }
.header-style-four .pearo-nav .navbar .navbar-nav ul li ul { border-top-color: var(--secondary-color); }
.header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a { color: var(--slate-800) !important; }
.header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a:hover, .header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a:focus, .header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a:active { background-color: var(--secondary-color) !important; color: #ffffff !important; }

.services-box .content h3 a, .team-name a, .blog-name a, .vs-gallery-name a, .nav-stacked li a { color: var(--slate-800) !important; }
.services-box .content h3 a:hover, .team-name a:hover, .blog-name a:hover, .vs-gallery-name a:hover { color: var(--secondary-color) !important; }
.nav-stacked li.active a, .nav-stacked li a:hover, .accordion:hover, .accordion.vs_active { border-color: var(--secondary-color) !important; color: var(--primary-color) !important; }
.form-control:focus { border-color: var(--secondary-color) !important; box-shadow: 0 0 0 4px rgba(200, 155, 60, 0.2) !important; }

.single-feedback-item .feedback-desc, .single-feedback-item .feedback-desc::before { background-color: var(--primary-color); }
.single-feedback-item .feedback-desc p { color: #ffffff; }
.single-feedback-item .client-info h3 { color: var(--slate-900); }
.socialShare a:hover { background-color: var(--secondary-color); color: #ffffff; }

.footer-area { background-color: var(--slate-900); }
.footer-widget h3 { border-bottom-color: var(--secondary-color) !important; }
.footer-widget ul li a:hover, .single-footer-widget .footer-quick-links li a:hover, .single-footer-widget .footer-contact-info li a:hover { color: #e7c56b; }
.footer_bottom { background-color: #320d18 !important; border-top-color: var(--slate-700); }
.go-top { background-color: var(--secondary-color); }
.go-top::before { background-color: var(--primary-color); }
.fa-folder, .fa-clock-o, .fa-keyboard-o, .fa-map-marker, .fa-phone, .fa-envelope-o, .C-usp-flag, .T-usp-title, .about-content span, .services-box .content .read-more-btn { color: var(--secondary-color); }
th { background-color: var(--primary-color); color: #ffffff; }

@media (max-width: 1199px) {
  .header-style-four .pearo-responsive-nav, .header-style-four .navbar-area { background-color: var(--primary-color) !important; }
  .header-style-four .pearo-responsive-nav .mean-container a.meanmenu-reveal, .header-style-four .pearo-responsive-nav .mean-container a.meanmenu-reveal.meanclose { color: #ffffff !important; }
  .header-style-four .pearo-responsive-nav .mean-container a.meanmenu-reveal span { background-color: #ffffff !important; }
  .mean-container .mean-nav { background-color: #ffffff; box-shadow: 0 12px 24px rgba(74, 19, 36, 0.18); }
  .mean-container .mean-nav ul li a, .mean-container .mean-nav ul li li a { border-top-color: var(--slate-100); color: var(--slate-800); }
  .mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li a:focus { background-color: var(--surface-warm); color: var(--primary-color); }
}