/* ==========================================================================
   Theme: Dark Professional
   Dark backgrounds throughout, blue accents, white text, gold highlights
   ========================================================================== */

:root {
  --color-primary: #4dabf7;
  --color-primary-dark: #339af0;
  --color-primary-light: #74c0fc;
  --color-primary-rgb: 77, 171, 247;
  --color-dark: #0a192f;
  --color-dark-lighter: #1a1a2e;
  --color-dark-rgb: 10, 25, 47;
  --color-white: #ffffff;
  --color-light: #1a1a2e;
  --color-light-2: #16213e;
  --color-gray: #adb5bd;
  --color-gray-dark: #ced4da;
  --color-text: #dee2e6;
  --color-text-muted: #adb5bd;
  --color-accent: #f0c040;
}

/* Body & Sections */
body {
  background-color: var(--color-dark);
  color: var(--color-text);
}

.section-light {
  background-color: var(--color-dark-lighter);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-white);
}

.section-title {
  color: var(--color-white);
}

/* Navbar */
.main-navbar {
  background-color: rgba(10, 22, 40, 0.97);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.main-navbar .navbar-brand {
  color: var(--color-white);
}

.main-navbar .nav-link {
  color: rgba(255,255,255,0.7);
}

.main-navbar .nav-link:hover,
.main-navbar .nav-link.active {
  color: var(--color-primary);
}

.main-navbar .dropdown-menu {
  background-color: var(--color-dark-lighter);
  border: 1px solid rgba(255,255,255,0.08);
}

.main-navbar .dropdown-item {
  color: rgba(255,255,255,0.7);
}

.main-navbar .dropdown-item:hover {
  background-color: rgba(255,255,255,0.05);
  color: var(--color-white);
}

/* Service Cards */
.service-card {
  background-color: var(--color-dark-lighter);
  border-color: rgba(255,255,255,0.06);
}

.service-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.3);
}

.service-card h5 {
  color: var(--color-white);
}

.service-card p {
  color: var(--color-text-muted);
}

/* Project Cards */
.project-card {
  background-color: var(--color-dark-lighter);
  border-color: rgba(255,255,255,0.06);
}

.project-card .project-info h5 {
  color: var(--color-white);
}

/* Testimonials */
.testimonial-card {
  background-color: var(--color-dark-lighter);
  border-color: rgba(255,255,255,0.06);
}

.testimonial-card .quote {
  color: rgba(255,255,255,0.8);
  border-left-color: var(--color-accent);
}

.testimonial-card .client-name {
  color: var(--color-white);
}

/* Industry Cards */
.industry-card {
  background-color: var(--color-dark-lighter);
  border-color: rgba(255,255,255,0.06);
}

.industry-card h5 {
  color: var(--color-white);
}

/* Blog Cards */
.blog-card {
  background-color: var(--color-dark-lighter);
  border-color: rgba(255,255,255,0.06);
}

.blog-card h5 a {
  color: var(--color-white);
}

.blog-card .blog-excerpt {
  color: var(--color-text-muted);
}

/* FAQ */
.faq-accordion .accordion-item {
  border-color: rgba(255,255,255,0.08);
  background-color: var(--color-dark-lighter);
}

.faq-accordion .accordion-button {
  background: var(--color-dark-lighter);
  color: var(--color-white);
}

.faq-accordion .accordion-button:not(.collapsed) {
  background: rgba(var(--color-primary-rgb), 0.08);
  color: var(--color-primary);
}

.faq-accordion .accordion-body {
  color: var(--color-text-muted);
}

/* Contact */
.contact-form .form-control,
.contact-form .form-select {
  background-color: var(--color-dark-lighter);
  border-color: rgba(255,255,255,0.1);
  color: var(--color-white);
}

.contact-form .form-control::placeholder {
  color: rgba(255,255,255,0.35);
}

.contact-info-card {
  background-color: var(--color-dark-lighter);
}

/* Sidebar */
.sidebar-widget {
  background-color: var(--color-dark-lighter);
}

/* Service Detail */
.service-detail-hero {
  background: var(--color-dark-lighter);
}

.service-detail-content {
  color: rgba(255,255,255,0.8);
}

/* Page Content */
.page-content {
  color: rgba(255,255,255,0.8);
}

/* Pagination */
.pagination .page-link {
  border-color: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.7);
  background-color: var(--color-dark-lighter);
}

/* Filter */
.filter-btn {
  background-color: var(--color-dark-lighter);
  border-color: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.7);
}

/* BA Card */
.ba-card {
  background-color: var(--color-dark-lighter);
}

.ba-card .ba-info h5 {
  color: var(--color-white);
}

/* About */
.about-image-placeholder {
  background: var(--color-dark-lighter);
}

/* Counter */
.counter-box .counter-label {
  color: var(--color-text-muted);
}

/* Footer - slightly different shade */
.main-footer {
  background-color: #050e1a;
}

/* CTA */
.cta-section {
  background: linear-gradient(135deg, var(--color-dark-lighter) 0%, var(--color-dark) 100%);
}

/* Hero shapes */
.hero-shape {
  background: rgba(var(--color-primary-rgb), 0.06);
}

/* Map placeholder */
.map-placeholder {
  background: var(--color-dark-lighter);
}