/**
 * darkmode.css - Frontend Unify Dark Theme v2.0
 * Bootstrap 5 compatible dark mode styles
 */

[data-theme="dark"] {
  --bs-body-bg: #0d1117;
  --bs-body-color: #e6edf3;
  --bs-light: #161b22;
  --bs-dark: #2d333b;
  --bs-border-color: #30363d;
  --bs-link-color: #58a6ff;
  --bs-link-hover-color: #79c0ff;
}

/* === NAVBAR === */
[data-theme="dark"] .navbar { 
  background-color: #161b22 !important; 
  border-bottom: 1px solid #30363d;
}

[data-theme="dark"] .navbar-brand { color: #e6edf3 !important; }
[data-theme="dark"] .nav-link { color: #7d8590 !important; }
[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active { color: #e6edf3 !important; }
[data-theme="dark"] .dropdown-menu { 
  background-color: #1c2128; 
  border-color: #30363d;
}
[data-theme="dark"] .dropdown-item { color: #7d8590; }
[data-theme="dark"] .dropdown-item:hover { 
  background-color: #2d333b; 
  color: #e6edf3;
}

/* === CARDS & CONTAINERS === */
[data-theme="dark"] .card { 
  background-color: #161b22; 
  border-color: #30363d;
  color: #e6edf3;
}
[data-theme="dark"] .card-header,
[data-theme="dark"] .card-footer { 
  background-color: #0d1117; 
  border-color: #30363d;
}

/* === FORMS === */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select { 
  background-color: #0d1117; 
  border-color: #30363d;
  color: #e6edf3;
}
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus { 
  background-color: #161b22; 
  border-color: #58a6ff;
  color: #e6edf3;
}

/* === TEXT UTILITIES === */
[data-theme="dark"] .text-muted,
[data-theme="dark"] .text-body-secondary { color: #7d8590 !important; }
[data-theme="dark"] .text-dark { color: #e6edf3 !important; }
[data-theme="dark"] .bg-light { background-color: #161b22 !important; }
[data-theme="dark"] .bg-white { background-color: #0d1117 !important; }
[data-theme="dark"] .border { border-color: #30363d !important; }

/* === BUTTONS === */
[data-theme="dark"] .btn-light { 
  background-color: #2d333b; 
  border-color: #30363d;
  color: #e6edf3;
}
[data-theme="dark"] .btn-light:hover { 
  background-color: #373e47; 
  color: #e6edf3;
}
[data-theme="dark"] .btn-outline-secondary { 
  border-color: #30363d;
  color: #7d8590;
}
[data-theme="dark"] .btn-outline-secondary:hover { 
  background-color: #2d333b;
  border-color: #30363d;
  color: #e6edf3;
}

/* === FOOTER === */
[data-theme="dark"] footer { 
  background-color: #0d1117 !important; 
  border-top: 1px solid #30363d;
}

/* === SOCIAL ICONS HOVER === */
[data-theme="dark"] .hover-primary:hover { 
  color: #58a6ff !important; 
  opacity: 1;
}

/* === TRANSITIONS === */
[data-theme="dark"] .transition,
[data-theme="dark"] a,
[data-theme="dark"] .btn,
[data-theme="dark"] .nav-link { 
  transition: color 0.2s ease, background-color 0.2s ease;
}

/* === OFFCANVAS MOBILE MENU === */
[data-theme="dark"] .offcanvas {
  background-color: #161b22 !important;
  border-color: #30363d !important;
}
[data-theme="dark"] .offcanvas-header {
  border-bottom-color: #30363d !important;
}
[data-theme="dark"] .offcanvas .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* === THEME TOGGLE BUTTON === */
#themeToggle,
#themeToggleMobile {
  transition: transform 0.2s ease, opacity 0.2s ease;
}
#themeToggle:hover,
#themeToggleMobile:hover {
  transform: scale(1.1);
  opacity: 0.8;
}

/* === CONTACT INFO CARD === */
[data-theme="dark"] .contact-info-card {
  background-color: var(--bg-secondary, #1a1a1a);
  border: none;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
[data-theme="dark"] .contact-info-content p,
[data-theme="dark"] .contact-info-content h6 {
  color: #e6edf3;
}
[data-theme="dark"] .contact-info-content a {
  color: #58a6ff;
}
[data-theme="dark"] .contact-info-content a:hover {
  color: #79c0ff;
}
[data-theme="dark"] .contact-info-item {
  border-bottom-color: rgba(255,255,255,0.1);
}