:root {
  --theme-color-primary: #5b2a7c;
  --theme-color-secondary: #151515;
  --primary: #5b2a7c;
  --primary-hover: #472060;
  --accent: #5b2a7c;
}
.topbar--dark { background: #171717; }
.topbar--dark::before { background: #5b2a7c; }
.navbar { min-height: 74px; }
.navbar-brand { min-width: 320px; }
.nav-logo { width: 315px !important; max-width: 315px; height: auto !important; max-height: 74px; object-fit: contain; }
.navbar .btn-primary { background: #5b2a7c; border-color: #5b2a7c; border-radius: 5px !important; }
.navbar .nav-link.active, .navbar .nav-link:hover { color: #5b2a7c !important; }
.hero-section {
  min-height: clamp(650px, 78svh, 820px) !important;
  background: linear-gradient(rgba(18, 25, 32, .72), rgba(18, 25, 32, .72)) !important;
}
.hero-content { grid-template-columns: 1fr !important; text-align: center; max-width: 920px; margin: 0 auto; }
.hero-left { margin: 0 auto; }
.hero-title { font-size: clamp(2.3rem, 5vw, 4rem); font-weight: 400; letter-spacing: .015em; text-shadow: 0 2px 12px rgba(0,0,0,.65); }
.hero-divider { margin: 1.25rem auto 1.5rem; background: #5b2a7c; width: 80px; height: 4px; }
.hero-subtitle { max-width: 700px; margin-left: auto; margin-right: auto; font-size: 1.2rem; }
.hero-buttons { justify-content: center; }
.hero-buttons .btn-primary { background: #5b2a7c; border-color: #5b2a7c; }
.page-home #main-content, .page-services #main-content { background: #151515; color: #fff; }
.page-home #main-content .section, .page-services #main-content .section { background: #151515; color: #fff; }
.page-home #main-content h1, .page-home #main-content h2, .page-home #main-content h3, .page-services #main-content h1, .page-services #main-content h2, .page-services #main-content h3 { color: #fff; }
.section-title-accent::after, .section-title-accent.dotted::after { background: #5b2a7c; }
@media (max-width: 991.98px) { .navbar-brand { min-width: 0; } .nav-logo { width: 230px !important; max-width: 62vw; } }
@media (max-width: 575.98px) { .topbar-inner { align-items: flex-start; } .hero-title { font-size: 2rem; } .hero-section { min-height: 620px !important; } }