/* ===== Dark Mode Theme Override ===== */
/* Comprehensive dark mode for all pages and sections */

/* ─── Dark Theme CSS Variable Overrides ─── */
[data-theme="dark"] {
  --primary-50: #1e3a5f;
  --primary-100: #1a4a7a;
  --primary-600: #60a5fa;
  --primary-700: #93bbfc;

  --gray-50: #0f172a;
  --gray-100: #1e293b;
  --gray-200: #334155;
  --gray-300: #475569;
  --gray-400: #94a3b8;
  --gray-500: #94a3b8;
  --gray-600: #cbd5e1;
  --gray-700: #e2e8f0;
  --gray-800: #f1f5f9;
  --gray-900: #f8fafc;

  --secondary-500: #fbbf24;
  --secondary-600: #f59e0b;

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.3);
}

/* ─── Smooth Transitions ─── */
body,
.header,
.footer,
.hero,
section,
.news-card,
.program-card,
.staff-card,
.testimonial-content,
.contact-form-container,
.chat-container,
.contact-card,
.social-card {
  transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

/* ─── Body / Global ─── */
[data-theme="dark"] body {
  background-color: #0f172a;
  color: #e2e8f0;
}

/* ─── Header ─── */
[data-theme="dark"] .header {
  background: rgba(15, 23, 42, 0.92);
  border-bottom-color: #1e293b;
}

[data-theme="dark"] .header.header-scrolled {
  background: rgba(15, 23, 42, 0.97);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .school-name .line1 {
  color: #93bbfc;
}

[data-theme="dark"] .school-name .line2 {
  color: #94a3b8;
}

[data-theme="dark"] .school-logo {
  border-color: rgba(96, 165, 250, 0.25);
}

[data-theme="dark"] .logo a,
[data-theme="dark"] .logo-container {
  color: #60a5fa;
}

/* ─── Nav Links ─── */
[data-theme="dark"] .nav-link {
  color: #cbd5e1;
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
  color: #60a5fa;
}

[data-theme="dark"] .nav-link::after {
  background: #60a5fa;
}

/* ─── Dropdown ─── */
[data-theme="dark"] .dropdown-menu {
  background: #1e293b;
  border-color: #334155;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .dropdown-menu a {
  color: #cbd5e1;
}

[data-theme="dark"] .dropdown-menu a:hover {
  background: #334155;
  color: #60a5fa;
}

/* ─── Mobile Nav ─── */
[data-theme="dark"] .mobile-nav {
  background: #0f172a;
  border-top-color: #334155;
}

[data-theme="dark"] .mobile-nav-list a,
[data-theme="dark"] .mobile-dropdown-btn {
  color: #e2e8f0;
}

[data-theme="dark"] .mobile-nav-item a:hover,
[data-theme="dark"] .mobile-dropdown-btn:hover {
  background: #1e293b;
}

[data-theme="dark"] .mobile-dropdown-menu {
  background: #1e293b;
}

/* ─── Apply Button ─── */
[data-theme="dark"] .apply-btn {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
}

[data-theme="dark"] .apply-btn:hover {
  box-shadow: 0 6px 20px rgba(79, 70, 229, 0.4);
}

/* ─── Dark Mode Toggle ─── */
.dark-mode-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid var(--gray-300);
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 18px;
  line-height: 1;
  margin-left: 12px;
}

.dark-mode-toggle:hover {
  background: var(--primary-50);
  border-color: var(--primary-400);
  transform: rotate(20deg);
}

[data-theme="dark"] .dark-mode-toggle {
  border-color: #475569;
}

[data-theme="dark"] .dark-mode-toggle:hover {
  border-color: #fbbf24;
  background: rgba(251, 191, 36, 0.1);
}

/* ─── Hero Section ─── */
[data-theme="dark"] .hero {
  background-color: #0f172a;
}

[data-theme="dark"] .slider-overlay {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.85), rgba(30, 41, 59, 0.75));
}

[data-theme="dark"] .hero-stats {
  background: rgba(15, 23, 42, 0.8);
  border-color: #334155;
}

/* ─── Cards & Content Areas ─── */
[data-theme="dark"] .news-card,
[data-theme="dark"] .program-card,
[data-theme="dark"] .staff-card,
[data-theme="dark"] .testimonial-content {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] .program-card h3,
[data-theme="dark"] .news-card h3,
[data-theme="dark"] .testimonial-content h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .program-card p,
[data-theme="dark"] .news-card p {
  color: #cbd5e1;
}

/* ─── Sections ─── */
[data-theme="dark"] .programs,
[data-theme="dark"] .about,
[data-theme="dark"] .testimonials {
  background-color: #0f172a;
}

[data-theme="dark"] .news {
  background-color: #1e293b;
}

[data-theme="dark"] .section-header h2 {
  color: #f1f5f9;
}

[data-theme="dark"] .section-header p {
  color: #94a3b8;
}

[data-theme="dark"] .section-header h2::after {
  background-color: #60a5fa;
}

/* ─── Buttons ─── */
[data-theme="dark"] .secondary-btn {
  border-color: #60a5fa;
  color: #60a5fa;
}

[data-theme="dark"] .secondary-btn:hover {
  background: rgba(96, 165, 250, 0.1);
}

[data-theme="dark"] .primary-btn {
  color: #0f172a;
}

[data-theme="dark"] .filter-btn {
  background: #1e293b;
  color: #cbd5e1;
  border-color: #334155;
}

[data-theme="dark"] .filter-btn.active,
[data-theme="dark"] .filter-btn:hover {
  background: #60a5fa;
  color: #0f172a;
  border-color: #60a5fa;
}

/* ═════════════════════════════════════════════════════
   CONTACT US PAGE — Dark Mode
   ═════════════════════════════════════════════════════ */

/* Page Banner */
[data-theme="dark"] .page-banner {
  color: #f1f5f9;
}

[data-theme="dark"] .page-banner .banner-overlay {
  background: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.92));
}

[data-theme="dark"] .breadcrumbs a {
  color: #93bbfc;
}

/* Contact Info Section */
[data-theme="dark"] .contact-info-section {
  background-color: #0f172a;
}

[data-theme="dark"] .contact-card {
  background: #1e293b;
  color: #e2e8f0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
  border-image: linear-gradient(135deg, #4f46e5, #7c3aed) 1;
}

[data-theme="dark"] .contact-card::before {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
}

[data-theme="dark"] .contact-card:hover {
  box-shadow: 0 12px 30px rgba(79, 70, 229, 0.2);
}

[data-theme="dark"] .contact-card h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .contact-card p {
  color: #cbd5e1;
}

[data-theme="dark"] .contact-card a {
  color: #60a5fa;
}

[data-theme="dark"] .contact-card a:hover {
  color: #93bbfc;
}

[data-theme="dark"] .contact-icon {
  background: linear-gradient(135deg, #1e3a5f, #312e81);
}

/* Map & Form Section */
[data-theme="dark"] .map-form-section {
  background-color: #1e293b;
}

[data-theme="dark"] .contact-form-container {
  background: #0f172a;
  color: #e2e8f0;
}

[data-theme="dark"] .contact-form-container h2 {
  color: #f1f5f9;
}

[data-theme="dark"] .contact-form {
  background: transparent;
  color: #e2e8f0;
}

[data-theme="dark"] .contact-form label,
[data-theme="dark"] .form-group label {
  color: #cbd5e1;
}

[data-theme="dark"] .contact-form input,
[data-theme="dark"] .contact-form textarea,
[data-theme="dark"] .contact-form select,
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .form-group select {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] .contact-form input:focus,
[data-theme="dark"] .contact-form textarea:focus,
[data-theme="dark"] .contact-form select:focus,
[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group textarea:focus,
[data-theme="dark"] .form-group select:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
}

[data-theme="dark"] .submit-btn {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
}

[data-theme="dark"] .submit-btn:hover {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
}

[data-theme="dark"] .map-container {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

/* Social Section */
[data-theme="dark"] .social-section {
  background-color: #0f172a;
}

[data-theme="dark"] .section-title {
  color: #f1f5f9;
}

[data-theme="dark"] .social-card {
  background: #1e293b;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .social-card:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .social-card h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .social-card p {
  color: #94a3b8;
}

/* ═════════════════════════════════════════════════════
   MESSAGE PAGES — Founder / Executive Director / Principal
   ═════════════════════════════════════════════════════ */

[data-theme="dark"] .main-content {
  background-color: #0f172a;
}

[data-theme="dark"] .staff-hero-banner {
  color: #f1f5f9;
}

[data-theme="dark"] .staff-hero-overlay {
  background: rgba(15, 23, 42, 0.6);
}

/* Image Section */
[data-theme="dark"] .image-section {
  background: #0f172a;
}

[data-theme="dark"] .diagonal-split-container {
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.5);
}

/* Message Section */
[data-theme="dark"] .message-section {
  background: #0f172a;
}

[data-theme="dark"] .message-content {
  color: #e2e8f0;
}

[data-theme="dark"] .message-text p {
  color: #cbd5e1;
}

[data-theme="dark"] .message-text p:first-child {
  color: #93bbfc;
}

[data-theme="dark"] .message-text strong {
  color: #f1f5f9;
}

[data-theme="dark"] .director-name {
  color: #60a5fa;
}

[data-theme="dark"] .director-title {
  color: #94a3b8;
}

[data-theme="dark"] .signature-line {
  background: linear-gradient(135deg, #60a5fa, #7c3aed);
}

/* Founder section (old layout fallback) */
[data-theme="dark"] .founder-section-new {
  background: #0f172a;
}

[data-theme="dark"] .founder-content-box {
  color: #e2e8f0;
}

[data-theme="dark"] .founder-content-box h3 {
  color: #60a5fa;
}

[data-theme="dark"] .founder-content-box p {
  color: #cbd5e1;
}

[data-theme="dark"] .founder-content-box .founder-quote {
  color: #94a3b8;
  border-left-color: #475569;
}

[data-theme="dark"] .founder-image-box img {
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
}

/* About Us / Executive Director sections */
[data-theme="dark"] .about-content,
[data-theme="dark"] .executive-director-section,
[data-theme="dark"] .founder-section,
[data-theme="dark"] .principle-section {
  background: #0f172a;
}

/* ═════════════════════════════════════════════════════
   STAFF PAGE — Dark Mode
   ═════════════════════════════════════════════════════ */

[data-theme="dark"] .staff-section {
  background: #0f172a;
}

[data-theme="dark"] .staff-section h2 {
  color: #f1f5f9;
}

[data-theme="dark"] .staff-card {
  background: #1e293b;
  border-color: #334155;
}

[data-theme="dark"] .staff-card .staff-name {
  color: #f1f5f9;
}

[data-theme="dark"] .staff-card .staff-title {
  color: #94a3b8;
}

[data-theme="dark"] .staff-loading {
  color: #94a3b8;
}

[data-theme="dark"] .staff-spinner {
  border-color: #334155;
  border-top-color: #60a5fa;
}

[data-theme="dark"] #staff-dynamic-container {
  background-color: #0f172a;
}

/* Staff hero banner */
[data-theme="dark"] .staff-hero-banner .staff-heading {
  color: #f1f5f9;
}

/* ═════════════════════════════════════════════════════
   PHOTO GALLERY — Dark Mode
   ═════════════════════════════════════════════════════ */

[data-theme="dark"] .gallery-section,
[data-theme="dark"] .gallery-container,
[data-theme="dark"] .gallery-grid {
  background-color: #0f172a;
}

[data-theme="dark"] .gallery-card {
  background: #1e293b;
  border-color: #334155;
}

[data-theme="dark"] .gallery-card:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .gallery-caption,
[data-theme="dark"] .gallery-card p,
[data-theme="dark"] .gallery-card h3 {
  color: #e2e8f0;
}

[data-theme="dark"] .gallery-category {
  background: #1e293b;
  color: #cbd5e1;
}

[data-theme="dark"] .gallery-category.active {
  background: #60a5fa;
  color: #0f172a;
}

/* Lightbox dark mode */
[data-theme="dark"] .lightbox-content {
  background: #1e293b;
}

[data-theme="dark"] .lightbox-caption {
  color: #e2e8f0;
}

/* ═════════════════════════════════════════════════════
   VIDEO GALLERY — Dark Mode
   ═════════════════════════════════════════════════════ */

[data-theme="dark"] .video-section,
[data-theme="dark"] .video-gallery-section,
[data-theme="dark"] .video-grid-section {
  background-color: #0f172a;
}

[data-theme="dark"] .video-card {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] .video-card:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .video-card h3,
[data-theme="dark"] .video-title {
  color: #f1f5f9;
}

[data-theme="dark"] .video-card p,
[data-theme="dark"] .video-description {
  color: #94a3b8;
}

[data-theme="dark"] .featured-video {
  background: #1e293b;
  border-color: #334155;
}

[data-theme="dark"] .video-filter-btn {
  background: #1e293b;
  color: #cbd5e1;
  border-color: #334155;
}

[data-theme="dark"] .video-filter-btn.active,
[data-theme="dark"] .video-filter-btn:hover {
  background: #60a5fa;
  color: #0f172a;
}

/* ═════════════════════════════════════════════════════
   ABOUT US PAGE — Dark Mode
   ═════════════════════════════════════════════════════ */

[data-theme="dark"] .about-hero,
[data-theme="dark"] .about-section,
[data-theme="dark"] .mission-section,
[data-theme="dark"] .values-section,
[data-theme="dark"] .journey-section {
  background-color: #0f172a;
}

[data-theme="dark"] .about-card,
[data-theme="dark"] .value-card,
[data-theme="dark"] .mission-card,
[data-theme="dark"] .journey-card,
[data-theme="dark"] .info-card {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] .about-card h3,
[data-theme="dark"] .value-card h3,
[data-theme="dark"] .mission-card h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .about-card p,
[data-theme="dark"] .value-card p,
[data-theme="dark"] .mission-card p {
  color: #cbd5e1;
}

/* ═════════════════════════════════════════════════════
   EVENTS PAGE — Dark Mode
   ═════════════════════════════════════════════════════ */

[data-theme="dark"] .events-section,
[data-theme="dark"] .event-container {
  background-color: #0f172a;
}

[data-theme="dark"] .event-card {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] .event-card h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .event-card p {
  color: #94a3b8;
}

[data-theme="dark"] .event-date {
  color: #60a5fa;
}

/* ═════════════════════════════════════════════════════
   NOTICES — Dark Mode
   ═════════════════════════════════════════════════════ */

[data-theme="dark"] #notices-container {
  background: #1e293b !important;
}

[data-theme="dark"] .notice-card {
  background: #0f172a !important;
  border-color: #334155 !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .notice-card h3 {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .notice-card p {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .notice-card div > span:last-child {
  color: #94a3b8 !important;
}

/* ═════════════════════════════════════════════════════
   FOOTER — Dark Mode
   ═════════════════════════════════════════════════════ */

[data-theme="dark"] .footer {
  background: #0c1222;
  border-top-color: #1e293b;
  color: #94a3b8;
}

[data-theme="dark"] .footer h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .footer a {
  color: #94a3b8;
}

[data-theme="dark"] .footer a:hover {
  color: #60a5fa;
}

[data-theme="dark"] .footer-bottom {
  border-top-color: #1e293b;
}

[data-theme="dark"] .footer-logo-text {
  color: #f1f5f9;
}

[data-theme="dark"] .footer-description {
  color: #94a3b8;
}

/* ═════════════════════════════════════════════════════
   CHAT WIDGET — Dark Mode
   ═════════════════════════════════════════════════════ */

[data-theme="dark"] .chat-container {
  background: #1e293b;
  border-color: #334155;
}

[data-theme="dark"] .chat-header {
  background: linear-gradient(135deg, #1e3a5f, #312e81);
}

[data-theme="dark"] .chat-messages {
  background: #0f172a;
}

[data-theme="dark"] .chat-message.bot .message-content {
  background: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] .chat-message.user .message-content {
  background: #4f46e5;
  color: #f1f5f9;
}

[data-theme="dark"] .chat-input {
  background: #1e293b;
  border-top-color: #334155;
}

[data-theme="dark"] .chat-input textarea {
  background: #0f172a;
  color: #e2e8f0;
  border-color: #334155;
}

[data-theme="dark"] .chat-toggle {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
}

/* ═════════════════════════════════════════════════════
   ANNOUNCEMENT BANNER & TOAST — Dark Mode
   ═════════════════════════════════════════════════════ */

.announcement-banner {
  background: linear-gradient(135deg, #1e40af, #7c3aed);
  color: white;
  text-align: center;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  z-index: 1001;
}

.announcement-banner.visible {
  display: flex;
}

.announcement-banner a {
  color: #fbbf24;
  text-decoration: underline;
}

.announcement-banner .banner-close {
  position: absolute;
  right: 16px;
  background: none;
  border: none;
  color: white;
  font-size: 18px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.announcement-banner .banner-close:hover {
  opacity: 1;
}

[data-theme="dark"] .announcement-banner {
  background: linear-gradient(135deg, #312e81, #581c87);
}

/* ═════════════════════════════════════════════════════
   ADMISSIONS PAGE — Dark Mode
   ═════════════════════════════════════════════════════ */

[data-theme="dark"] .admissions-section,
[data-theme="dark"] .admission-form-section {
  background-color: #0f172a;
}

[data-theme="dark"] .admission-card {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

/* ═════════════════════════════════════════════════════
   GENERIC CATCH-ALL — Ensure no white patches
   ═════════════════════════════════════════════════════ */

/* Any section with white/light inline background */
[data-theme="dark"] section {
  background-color: #0f172a;
  color: #e2e8f0;
}

/* Override inline styles on notices container */
[data-theme="dark"] section[style*="background:#f9fafb"],
[data-theme="dark"] section[style*="background: #f9fafb"],
[data-theme="dark"] section[style*="background-color:#f9fafb"] {
  background-color: #1e293b !important;
}

/* All h1-h6 in dark mode */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #f1f5f9;
}

/* All paragraph text fallback */
[data-theme="dark"] p {
  color: #cbd5e1;
}

/* Links */
[data-theme="dark"] a {
  color: #60a5fa;
}

[data-theme="dark"] a:hover {
  color: #93bbfc;
}

/* Hero-specific links keep white */
[data-theme="dark"] .hero a,
[data-theme="dark"] .hero p,
[data-theme="dark"] .hero h1 {
  color: white;
}

[data-theme="dark"] .hero .primary-btn {
  color: var(--primary-800);
}

/* Ensure all generic white backgrounds become dark */
[data-theme="dark"] .contact,
[data-theme="dark"] .programs-section {
  background-color: #0f172a;
}

/* Contact detail cards on index page */
[data-theme="dark"] .contact-detail {
  color: #e2e8f0;
}

[data-theme="dark"] .contact-detail h4 {
  color: #f1f5f9;
}

[data-theme="dark"] .contact-detail p {
  color: #cbd5e1;
}

[data-theme="dark"] .contact-icon {
  background-color: #1e3a5f;
  color: #60a5fa;
}

/* Address text and Devanagari text */
[data-theme="dark"] .address-text {
  color: #e2e8f0;
}

/* ═════════════════════════════════════════════════════
   ABOUT US PAGE — Complete Dark Mode
   ═════════════════════════════════════════════════════ */

/* Introduction Section */
[data-theme="dark"] .intro-section {
  background-color: #0f172a;
}

[data-theme="dark"] .intro-text h2 {
  color: #f1f5f9;
}

[data-theme="dark"] .intro-text p {
  color: #cbd5e1;
}

[data-theme="dark"] .subtitle {
  color: #60a5fa;
}

[data-theme="dark"] .stat-item {
  background-color: #1e293b;
}

[data-theme="dark"] .stat-number {
  color: #60a5fa;
}

[data-theme="dark"] .stat-label {
  color: #94a3b8;
}

/* Mission Section */
[data-theme="dark"] .mission-section {
  background-color: #111827;
}

[data-theme="dark"] .mission-text h2 {
  color: #f1f5f9;
}

[data-theme="dark"] .mission-quote {
  border-left-color: #60a5fa;
}

[data-theme="dark"] .mission-quote p {
  color: #93bbfc;
}

[data-theme="dark"] .mission-pillar {
  background-color: #1e293b;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .mission-pillar:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .mission-pillar h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .mission-pillar p {
  color: #cbd5e1;
}

[data-theme="dark"] .pillar-icon {
  background-color: #1e3a5f;
  color: #60a5fa;
}

/* Facilities Section */
[data-theme="dark"] .facilities-section {
  background-color: #0f172a;
}

[data-theme="dark"] .facility-card {
  background-color: #1e293b;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .facility-content {
  background-color: #1e293b;
}

[data-theme="dark"] .facility-content h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .facility-content p {
  color: #cbd5e1;
}

[data-theme="dark"] .facility-item {
  background-color: #1e293b;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .facility-item:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .facility-item h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .facility-item p {
  color: #cbd5e1;
}

[data-theme="dark"] .facility-icon {
  background-color: #1e3a5f;
  color: #60a5fa;
}

[data-theme="dark"] .facility-dots .dot {
  background-color: #475569;
}

[data-theme="dark"] .facility-dots .dot.active {
  background-color: #60a5fa;
}

[data-theme="dark"] .facility-nav {
  background-color: #4f46e5;
}

[data-theme="dark"] .facility-nav:hover {
  background-color: #6366f1;
}

/* Why Choose Us Section */
[data-theme="dark"] .why-choose-us {
  background-color: #111827;
}

[data-theme="dark"] .choose-us-card {
  background-color: #1e293b;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .choose-us-card:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .choose-us-card h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .choose-us-card p {
  color: #cbd5e1;
}

[data-theme="dark"] .card-icon {
  background-color: #1e3a5f;
  color: #60a5fa;
}

[data-theme="dark"] .benefit-item {
  background-color: #1e293b;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .benefit-item:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .benefit-item h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .benefit-item p {
  color: #cbd5e1;
}

[data-theme="dark"] .benefit-icon {
  background-color: #1e3a5f;
  color: #60a5fa;
}

/* CTA Section — Switch from blue to dark */
[data-theme="dark"] .cta-section {
  background-color: #1e293b;
}

[data-theme="dark"] .cta-content h2 {
  color: #f1f5f9;
}

[data-theme="dark"] .cta-content p {
  color: #cbd5e1;
}

[data-theme="dark"] .cta-section .primary-btn {
  background-color: #fbbf24;
  color: #0f172a;
}

[data-theme="dark"] .cta-section .secondary-btn {
  border-color: #60a5fa;
  color: #60a5fa;
}

[data-theme="dark"] .cta-section .secondary-btn:hover {
  background: rgba(96, 165, 250, 0.15);
}

/* ═════════════════════════════════════════════════════
   VIDEO GALLERY — Featured Content Dark Mode
   ═════════════════════════════════════════════════════ */

[data-theme="dark"] .featured-video {
  background-color: #0f172a;
}

[data-theme="dark"] .featured-video-content {
  background-color: #1e293b;
  color: #e2e8f0;
}

[data-theme="dark"] .featured-video-content h3 {
  color: #f1f5f9;
}

[data-theme="dark"] .featured-video-content p {
  color: #94a3b8;
}

[data-theme="dark"] .video-gallery {
  background-color: #0f172a;
}

[data-theme="dark"] .video-item {
  background: #1e293b;
  border-radius: 12px;
}

[data-theme="dark"] .gallery-filter {
  background-color: transparent;
}

[data-theme="dark"] .filter-btn {
  background: #1e293b;
  color: #cbd5e1;
  border-color: #334155;
}

[data-theme="dark"] .filter-btn.active,
[data-theme="dark"] .filter-btn:hover {
  background: #60a5fa;
  color: #0f172a;
  border-color: #60a5fa;
}

[data-theme="dark"] .load-more-btn {
  background: #1e293b;
  color: #60a5fa;
  border-color: #334155;
}

[data-theme="dark"] .load-more-btn:hover {
  background: #334155;
}

[data-theme="dark"] .video-modal .modal-content {
  background: #1e293b;
}

[data-theme="dark"] .close-modal {
  color: #e2e8f0;
}
