/* ==========================================
   DIGITAL MARKETING PORTFOLIO - DARK MODE THEME
   Dark Background: #101827
   Card Background: #1E293B
   Text: Crisp White and High-Contrast Light Slate (#CBD5E1)
   ========================================== */

body.dark-theme {
  --bg-main: #101827;
  --bg-secondary: #0B1120;
  --bg-card: #1E293B;
  --bg-card-hover: #283548;
  --border-color: #334155;
  --border-focus: #3B82F6;
  
  --text-main: #FFFFFF;
  --text-muted: #CBD5E1;
  --text-light: #94A3B8;
  
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 20px 40px -15px rgba(0, 0, 0, 0.6);
  --shadow-hover: 0 15px 35px -10px rgba(0, 87, 217, 0.3);

  background-color: #101827;
  color: #FFFFFF;
}

/* ==========================================
   DARK MODE TEXT CONTRAST OVERRIDES
   ========================================== */

/* Fix Bootstrap .text-muted dark gray bug */
body.dark-theme .text-muted,
body.dark-theme p.text-muted,
body.dark-theme span.text-muted,
body.dark-theme div.text-muted,
body.dark-theme small.text-muted {
  color: #CBD5E1 !important;
}

/* Headings and Paragraphs */
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6,
body.dark-theme .section-title {
  color: #FFFFFF !important;
}

body.dark-theme p,
body.dark-theme .section-description,
body.dark-theme .hero-subtitle {
  color: #CBD5E1 !important;
}

/* Pricing Section Dark Contrast Fixes */
body.dark-theme .pricing-header h3 {
  color: #FFFFFF !important;
}

body.dark-theme .pricing-header p,
body.dark-theme .pricing-header .text-muted {
  color: #CBD5E1 !important;
}

body.dark-theme .pricing-price .period {
  color: #CBD5E1 !important;
}

body.dark-theme .pricing-features li {
  color: #E2E8F0 !important;
  border-bottom-color: #334155;
}

body.dark-theme .pricing-features li i {
  color: #FF4D4D;
}

/* Services Section */
body.dark-theme .service-card h4 {
  color: #FFFFFF !important;
}

body.dark-theme .service-card p {
  color: #CBD5E1 !important;
}

/* Contact Section */
body.dark-theme .contact-details h5 {
  color: #FFFFFF !important;
}

body.dark-theme .contact-details p {
  color: #CBD5E1 !important;
}

/* Preloader & Navbar */
body.dark-theme #preloader {
  background-color: #101827;
}

body.dark-theme .navbar-custom {
  background-color: rgba(16, 24, 39, 0.96);
  border-bottom-color: #334155;
}

body.dark-theme .navbar-brand-logo {
  color: #FFFFFF;
}

body.dark-theme .glass-panel {
  background: rgba(30, 41, 59, 0.85);
}

body.dark-theme .nav-link-custom {
  color: #E2E8F0;
}

body.dark-theme .nav-link-custom:hover, 
body.dark-theme .nav-link-custom.active {
  color: #FF4D4D;
  background-color: rgba(204, 0, 0, 0.18);
}

body.dark-theme .theme-toggle-btn, 
body.dark-theme .lang-toggle-btn {
  background-color: #1E293B;
  border-color: #334155;
  color: #FFFFFF;
}

body.dark-theme .section-subtitle {
  background-color: rgba(204, 0, 0, 0.18);
  color: #FF4D4D;
}

body.dark-theme .contact-icon {
  background-color: rgba(204, 0, 0, 0.18);
  color: #FF4D4D;
}

/* Filter Buttons */
body.dark-theme .service-filter-btn, 
body.dark-theme .portfolio-filter-btn {
  background-color: #1E293B;
  border-color: #334155;
  color: #CBD5E1;
}

body.dark-theme .service-filter-btn:hover, 
body.dark-theme .service-filter-btn.active {
  background-color: var(--primary-color);
  color: #FFFFFF;
}

body.dark-theme .portfolio-filter-btn:hover, 
body.dark-theme .portfolio-filter-btn.active {
  background-color: #CC0000;
  color: #FFFFFF;
}

/* Floating Elements & Badges */
body.dark-theme .floating-badge {
  background: #1E293B;
  border-color: #334155;
  color: #FFFFFF;
}

body.dark-theme .badge-tiktok {
  color: #FFFFFF !important;
}

body.dark-theme .mini-stat-item h4 {
  color: #FF4D4D;
}

body.dark-theme .mini-stat-item p {
  color: #CBD5E1 !important;
}