/* ===========================
   THEMES
   =========================== */

/* ---- Dark Theme Refinements ---- */
[data-theme="dark"] {
  --dark: #050505;
  --bg: #050505;
  --bg-rgb: 5, 5, 5;
  --bg-alt: #0B0B0D;
  --bg-card: #121012;
  --bg-elevated: #1A181B;
  --text-primary: #FFFFFF;
  --text-secondary: #CFCFCF;
  --text-tertiary: #8A8A8A;
  --text-muted: #5D5D5D;
  --border: rgba(255,255,255,.08);
  --shadow: 0 10px 35px rgba(var(--red-rgb),.18);

  /* Classic red (same as light) instead of neon */
  --red: #C9252D;
  --red-rgb: 201, 37, 45;
  --red-dark: #A71922;
  --red-deeper: #8A141C;
  --red-accent: #E2373E;
  --red-accent-rgb: 226, 55, 62;
  --red-gradient: linear-gradient(145deg, #A71922, #C9252D, #E2373E);
}
[data-theme="dark"] body { background: radial-gradient(circle at 50% 0%, rgba(var(--red-rgb),.08), transparent 50%), var(--bg); color: var(--text-primary); }
[data-theme="dark"] .section { background: transparent; }
[data-theme="dark"] .section-alt { background: var(--bg-alt); }
[data-theme="dark"] .about-strip { background: transparent; }
[data-theme="dark"] .testimonials { background: var(--bg-alt); }
[data-theme="dark"] .cta-section { background: transparent; }


[data-theme="dark"] img { filter: brightness(.95); }
[data-theme="dark"] .institute-card,

[data-theme="dark"] .service-card,

[data-theme="dark"] .news-card,

[data-theme="dark"] .staff-card,

[data-theme="dark"] .idetail-card,

[data-theme="dark"] .dept-full-card,

[data-theme="dark"] .news-full-card,

[data-theme="dark"] .virtual-card,

[data-theme="dark"] .feature-card {
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}
[data-theme="dark"] .institute-card:hover,
[data-theme="dark"] .service-card:hover,
[data-theme="dark"] .staff-card:hover,
[data-theme="dark"] .news-card:hover {
  border-color: var(--red);
  box-shadow: var(--shadow-hover);
  transform: translateY(-6px);
}
[data-theme="dark"] .institute-card p { color: var(--text-secondary); }
[data-theme="dark"] .ic-depts li { color: var(--text-secondary); }
[data-theme="dark"] .dept-dot { background: var(--red); }
[data-theme="dark"] .ic-num { color: var(--text-primary); }
[data-theme="dark"] .val-item { background: var(--glass); color: var(--text-primary); box-shadow: var(--shadow-sm); border: 1px solid var(--border); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-radius: var(--radius-sm); }
[data-theme="dark"] .val-item span { color: var(--text-primary); }
[data-theme="dark"] .service-card h3,
[data-theme="dark"] .virtual-card h3 { color: var(--text-primary); }
[data-theme="dark"] .feature-card h4 { color: var(--text-primary); }
[data-theme="dark"] .board-card { background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
[data-theme="dark"] .board-card h4 { color: var(--text-primary); }
[data-theme="dark"] .board-role { color: var(--text-primary); }
[data-theme="dark"] .feature-icon { background: var(--glass); border: 1px solid rgba(255,255,255,.06); }
[data-theme="dark"] .feature-list li { color: var(--text-primary); }
[data-theme="light"] .ca-item { background: var(--red-gradient); color: #fff; }
[data-theme="light"] .ca-num { color: #fff; }
[data-theme="light"] .ca-label { color: rgba(255,255,255,.85); }
[data-theme="dark"] .service-card p { color: var(--red); }
[data-theme="dark"] .srv-list li { color: var(--text-primary); }
[data-theme="dark"] .staff-card h4 { color: var(--text-primary); }
[data-theme="dark"] .sc-tags span { background: var(--glass); color: var(--text-secondary); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid var(--border); border-radius: var(--radius-sm); }
[data-theme="dark"] .news-body h3, [data-theme="dark"] .nfc-body h3 { color: var(--text-primary); }
[data-theme="dark"] .news-body p, [data-theme="dark"] .nfc-body p { color: var(--text-primary); }
[data-theme="dark"] .news-cat-badge { background: var(--glass); color: var(--red); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid var(--border); border-radius: var(--radius-sm); }
[data-theme="dark"] .contact-item { background: var(--glass); color: var(--text-primary); border: 1px solid var(--border); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-radius: var(--radius-sm); }
[data-theme="dark"] .contact-item .ci-val { color: var(--text-primary); }
[data-theme="dark"] .form-box { background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
[data-theme="dark"] .form-box h3 { color: var(--text-primary); }
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea { background: var(--glass); border-color: var(--border); color: var(--text-primary); border-radius: var(--radius-sm); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
[data-theme="dark"] .form-group label { color: var(--text-primary); }
[data-theme="dark"] .filter-btn { background: var(--glass); border-color: var(--border); color: var(--text-secondary); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-radius: var(--radius-sm); }
[data-theme="dark"] .filter-btn:hover, [data-theme="dark"] .filter-btn.active { background: var(--red-gradient); border-color: var(--red); color: #fff; box-shadow: var(--shadow-red); }
[data-theme="dark"] .slider-btn { background: var(--glass); border-color: var(--border); color: var(--text-secondary); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-radius: var(--radius); }
[data-theme="dark"] .virtual-card h3 { background: var(--glass); border-bottom: 1px solid var(--border); color: var(--text-primary); border-radius: var(--radius) var(--radius) 0 0; }
[data-theme="dark"] .slider-btn:hover { background: var(--red-gradient); color: #fff; border-color: var(--red); box-shadow: var(--shadow-red); transform: scale(1.05); }
[data-theme="dark"] .testimonial-card { background: var(--glass); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
[data-theme="dark"] .testimonial-card p { color: var(--text-primary); }
[data-theme="dark"] .t-role { color: var(--text-primary); }
[data-theme="dark"] .dept-subjects li { background: var(--glass); color: var(--text-primary); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-radius: var(--radius-sm); border: 1px solid var(--border); }
[data-theme="dark"] .dept-full-card > p { color: var(--text-primary); }
[data-theme="dark"] .idept p { color: var(--text-primary); }
[data-theme="dark"] .idetail-card > p { color: var(--text-primary); }
[data-theme="dark"] .feature-card p { color: var(--text-primary); }
[data-theme="dark"] .news-meta { color: var(--text-primary); }
[data-theme="dark"] .nfc-meta { color: var(--text-primary); }
[data-theme="dark"] .sc-inst { color: var(--text-primary); }
[data-theme="dark"] .section-tag { color: var(--text-primary); }
[data-theme="dark"] .section-header h2 { color: var(--text-primary); }
[data-theme="dark"] .section-header p { color: var(--text-primary); }
[data-theme="dark"] .idept span { color: var(--text-primary); }
[data-theme="dark"] .as-text p { color: var(--text-primary); }
[data-theme="dark"] .as-text h2 { color: var(--text-primary); }

/* Gallery dark mode */
[data-theme="dark"] .gal-card { background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
[data-theme="dark"] .gal-body h3 { color: var(--text-primary); }
[data-theme="dark"] .gal-body p { color: var(--text-secondary); }
[data-theme="dark"] .gal-hero { background: linear-gradient(135deg, #0B0B0D, #1C1C1F 80%) !important; }
[data-theme="dark"] .gal-thumb { background: var(--bg-alt) !important; }
[data-theme="dark"] .gal-sub-item { border: 1px solid var(--border); box-shadow: var(--shadow-sm); border-radius: var(--radius-sm); }

/* Page-hero dark mode — subdued neutral gradients */
[data-theme="dark"] .page-hero { background: linear-gradient(135deg, var(--dark) 0%, #111113 50%, #1C1C1F 100%); }
[data-theme="dark"] .ph-eng { background: linear-gradient(135deg, var(--dark) 0%, #111113 55%, #1C1C1F 100%); }
[data-theme="dark"] .ph-tourism { background: linear-gradient(135deg, var(--dark) 0%, #111113 55%, #1E1E21 100%); }
[data-theme="dark"] .ph-computer { background: linear-gradient(135deg, var(--dark) 0%, #0E0E10 55%, #1A1A1D 100%); }
[data-theme="dark"] .ph-arts { background: linear-gradient(135deg, var(--dark) 0%, #0E0E10 55%, #1C1C1F 100%); }

/* News-slide dark - glassmorphism */
[data-theme="dark"] .news-slide h4 { color: var(--text-primary); }
[data-theme="dark"] .news-slide p { color: var(--text-secondary); }

/* Empty/fallback states */
[data-theme="dark"] .empty-msg { color: var(--text-tertiary); }

/* News slider dark */
[data-theme="dark"] .news-tab { border-color: var(--border); color: var(--text-secondary); }
[data-theme="dark"] .news-tab.active { border-color: var(--red); }

/* Section header refinements */
[data-theme="dark"] .section-header .section-tag { color: var(--red); opacity: .85; }

/* Dark - Service icons (override wine-red --sc inline) */
[data-theme="dark"] .srv-icon {
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 4px 14px rgba(0,0,0,.3);
  color: var(--sc, var(--red));
}
[data-theme="dark"] .service-card::before,
[data-theme="dark"] .service-card::after {
  background: linear-gradient(90deg, transparent, var(--red), transparent);
}

/* Dark - Detail card headers (override wine-red --ic inline) */
[data-theme="dark"] .idetail-top {
  background: linear-gradient(135deg, var(--bg-alt), var(--dark));
}
[data-theme="dark"] .idetail-icon i { color: var(--red); }
/* ---- Light Theme ---- */
[data-theme="light"] {
  /* Red palette – same as dark */
  --red: #C9252D;
  --red-rgb: 201, 37, 45;
  --red-dark: #A71922;
  --red-deeper: #8A141C;
  --red-accent: #E2373E;
  --red-accent-rgb: 226, 55, 62;
  --red-gradient: linear-gradient(145deg, #A71922, #C9252D, #E2373E);

  /* Backgrounds */
  --bg: #EEEFF2;
  --bg-rgb: 238, 239, 242;
  --surface: #F3F4F7;
  --bg-alt: #D8DAE0;
  --bg-card: #F5F6F8;
  --bg-elevated: #FAFAFA;
  --dark: #10131A;

  /* Text */
  --text-primary: #181B24;
  --text-secondary: #4A4F5C;
  --text-tertiary: #6E7380;
  --text-muted: #6E7380;

  /* Borders */
  --border: #CDD0D7;
  --border-light: #D8DAE0;
  --border-red: rgba(var(--red-rgb), 0.12);
  --border-red-light: rgba(var(--red-rgb), 0.22);
  --border-red-medium: rgba(var(--red-rgb), 0.38);

  /* Shadows */
  --shadow: 0 12px 35px rgba(0,0,0,.10);
  --shadow-sm: 0 8px 20px rgba(0,0,0,.07);
  --shadow-md: 0 12px 35px rgba(0,0,0,.10);
  --shadow-lg: 0 20px 50px rgba(0,0,0,.14);
  --shadow-hover: 0 20px 45px rgba(0,0,0,.14);
  --shadow-red: 0 4px 20px rgba(var(--red-rgb),.28);
  --shadow-red-lg: 0 12px 40px rgba(var(--red-rgb),.42);

  /* Radius */
  --radius: 18px;
}
[data-theme="light"] body { background: #E2E4E9; color: var(--text-primary); }
[data-theme="light"] .section { background: transparent; }
[data-theme="light"] .section-alt { background: var(--bg-alt); }

[data-theme="light"] .about-strip { background: #D5D7DE; }
[data-theme="light"] .testimonials { background: #D5D7DE; }
[data-theme="light"] .cta-section { background: var(--bg); }
[data-theme="light"] .footer { background: #D5D7DE; border-top: none; }
[data-theme="light"] .footer .logo-main { color: var(--text-primary); }
[data-theme="light"] .footer .logo-sub { color: var(--red); }
[data-theme="light"] .footer-brand p { color: var(--text-secondary); }
[data-theme="light"] .footer-addr, [data-theme="light"] .footer-info { color: var(--text-secondary); }
[data-theme="light"] .footer-col h4 { color: var(--text-primary); }
[data-theme="light"] .footer-col a { color: var(--text-primary); }
[data-theme="light"] .footer-col a:hover { color: var(--red); }
[data-theme="light"] .social-link { background: transparent; color: var(--text-secondary); border: 1px solid var(--border-light); }
[data-theme="light"] .social-link:hover { background: transparent; color: var(--red); border-color: var(--red); transform: scale(1.1); box-shadow: none; }
[data-theme="light"] .footer-bottom { border-top: 1px solid var(--border-light); }
[data-theme="light"] .footer-bottom p { color: var(--text-secondary); }
[data-theme="light"] .footer-links a { color: var(--text-primary); }
[data-theme="light"] .cta-box h2, [data-theme="light"] .cta-box p { color: #fff; }

/* Light - Hero */
/* Light hero matches default (dark mode) - removed heavy overlay */


/* Light - Page Hero */
[data-theme="light"] .page-hero { background: var(--red-gradient) !important; }

/* Light - Cards & Sections */
[data-theme="light"] .institute-card,

[data-theme="light"] .service-card,

[data-theme="light"] .news-card,

[data-theme="light"] .staff-card,

[data-theme="light"] .idetail-card,

[data-theme="light"] .dept-full-card,

[data-theme="light"] .news-full-card,

[data-theme="light"] .virtual-card,

[data-theme="light"] .feature-card,

[data-theme="light"] .form-box { background: #F2F3F6; border: 1px solid #C9CBD3; border-radius: var(--radius); box-shadow: var(--shadow-md); }
[data-theme="light"] .institute-card:hover,
[data-theme="light"] .service-card:hover,
[data-theme="light"] .staff-card:hover,
[data-theme="light"] .news-card:hover,
[data-theme="light"] .dept-full-card:hover,
[data-theme="light"] .feature-card:hover { border-color: var(--red); transform: translateY(-6px); box-shadow: var(--shadow-hover); }
[data-theme="light"] .ic-depts li { color: var(--text-secondary); }
[data-theme="light"] .val-item { background: #F0F1F4; color: var(--text-secondary); border: 1px solid #C9CBD3; border-radius: var(--radius); box-shadow: var(--shadow-sm); }
[data-theme="light"] .val-item span { color: var(--red); }
[data-theme="light"] .service-card h3 { color: var(--text-primary); }
[data-theme="light"] .service-card p { color: var(--text-secondary); }
[data-theme="light"] .service-card:hover { border-color: var(--red); transform: translateY(-6px); box-shadow: var(--shadow-hover); }
[data-theme="light"] .srv-icon { background: var(--red-gradient); color: #fff; box-shadow: 0 4px 14px rgba(var(--red-rgb),.3); }
[data-theme="light"] .srv-list li { color: var(--text-secondary); }
[data-theme="light"] .staff-card h4 { color: var(--text-primary); }
[data-theme="light"] .sc-tags span { background: #DFE1E7; color: var(--text-secondary); border: 1px solid #C9CBD3; border-radius: var(--radius); }
[data-theme="light"] .news-body h3, [data-theme="light"] .nfc-body h3 { color: var(--text-primary); }
[data-theme="light"] .news-body p, [data-theme="light"] .nfc-body p { color: var(--text-secondary); }
[data-theme="light"] .news-cat-badge { background: #DFE1E7; color: var(--red); border: 1px solid #C9CBD3; border-radius: var(--radius); }
[data-theme="light"] .contact-item { background: transparent; color: var(--text-secondary); border: 1px solid var(--border-light); border-radius: var(--radius); }
[data-theme="light"] .contact-item .ci-val { color: var(--text-primary); }
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select,
[data-theme="light"] .form-group textarea { background: #EAECF0; border-color: #C5C7CF; color: var(--text-primary); border-radius: var(--radius); }
[data-theme="light"] .form-group label { color: var(--text-secondary); }
[data-theme="light"] .filter-btn { background: transparent; border-color: var(--border-light); color: var(--text-secondary); border-radius: var(--radius); }
[data-theme="light"] .filter-btn:hover, [data-theme="light"] .filter-btn.active { background: var(--red-gradient); border-color: var(--red); color: #fff; box-shadow: var(--shadow-red); }
[data-theme="light"] .slider-btn { background: transparent; border-color: var(--red); color: var(--red); border-radius: 50%; }
[data-theme="light"] .slider-btn:hover { background: var(--red-gradient); color: #fff; box-shadow: var(--shadow-red); }
[data-theme="light"] .testimonial-card { background: #F0F1F4; border: 1px solid #C9CBD3; border-radius: var(--radius); box-shadow: var(--shadow-md); }
[data-theme="light"] .testimonial-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
[data-theme="light"] .testimonial-card p { color: var(--text-secondary); }
[data-theme="light"] .dept-subjects li { background: #DFE1E7; color: var(--text-secondary); border: 1px solid #C9CBD3; border-radius: var(--radius); }
[data-theme="light"] .dept-full-card > p { color: var(--text-secondary); }
[data-theme="light"] .idept p { color: var(--text-tertiary); }
[data-theme="light"] .idept span { color: var(--text-tertiary); }
[data-theme="light"] .idetail-card > p { color: var(--text-secondary); }
[data-theme="light"] .section-header h2 { color: var(--text-primary); }
[data-theme="light"] .section-header p { color: var(--text-secondary); }
[data-theme="light"] .as-text h2 { color: var(--text-primary); }
[data-theme="light"] .as-text p { color: var(--text-secondary); }
[data-theme="light"] .contact-info h2 { color: var(--text-primary); }
[data-theme="light"] .contact-info p { color: var(--text-tertiary); }
[data-theme="light"] .form-box h3 { color: var(--text-primary); }
[data-theme="light"] .inst-intro { color: var(--text-secondary); }
[data-theme="light"] .t-role { color: var(--text-tertiary); }
[data-theme="light"] .board-card { background: #F0F1F4; border: 1px solid #C9CBD3; border-radius: var(--radius); box-shadow: var(--shadow-md); }
[data-theme="light"] .board-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); border-color: var(--red); }
[data-theme="light"] .board-card h4 { color:var(--text-primary); }
[data-theme="light"] .board-role { color:var(--red); }