/* =====================================================================
   banda-2026 — Light / Dark theme + background pattern
   Sirf tab load hota hai jab config mein 'enable_theme_toggle' ya 'enable_bg_pattern' on ho
   (shared/includes/head.php). banda-2025 ko ye file kabhi nahi milti.

   Order: Tailwind CDN + shared custom.css ke BAAD load hota hai.
   - Dark rules ka prefix [data-theme="dark"] hai, isliye Tailwind CDN ke runtime CSS se specificity mein jeet jaate hain
     (!important sirf inline style="" attribute ko override karne ke liye).
   - Light rules ka prefix "html " hai (page ke inline <style> blocks se ek step upar).
   ===================================================================== */

/* ---------- 1. Tokens ---------- */
:root {
  --bg: #FAF7F0;
  --surface: #FFFFFF;
  --surface-2: #F4F1FA;
  --text: #1F1B33;
  --muted: #5E5878;
  --heading: #2B2255;
  --line: #E3DEEE;
  --gold: #C8952A;
  --gold-text: #9A6B12;
  --input: #FFFFFF;
  --strip: #2B2255;
  --err: #C0392B;
  --ok: #1E7E4A;

  /* extra (isi file ke andar) */
  --field-line: #CFCADF;
  --sec-alt: rgba(250, 247, 240, .4);   /* cream tint, pattern dikhe */
  --on-gold: #120E28;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #120E24;
  --surface: #1C1736;
  --surface-2: #251F45;
  --text: #ECE9F5;
  --muted: #B3ACCB;
  --heading: #E9DDF9;
  --line: #3A3360;
  --gold: #D9A53A;
  --gold-text: #E8B54A;
  --input: #16122C;
  --strip: #0C091A;
  --err: #FF7B6E;
  --ok: #4CC38A;

  --field-line: #7A72AE;
  --sec-alt: rgba(37, 31, 69, .4);

  /* shared/custom.css ke --t-* tokens ko remap: usi se jury cards, hp-vcard, award-card, chips... apne aap badal jaate hain.
     (--bg-primary jaan-boojh kar nahi badla: wo gehre indigo backgrounds ke liye hai.) */
  --t-bg: var(--bg);
  --t-bg-alt: var(--surface-2);
  --t-card: var(--surface);
  --t-ink: var(--text);
  --t-ink-soft: var(--muted);
  --t-border: var(--line);
  --t-gold: var(--gold);
}

/* ---------- 2. Page background + pattern ---------- */
html[data-theme] body { background-color: var(--bg); color: var(--text); }
html[data-theme="dark"] { background-color: var(--bg); }

html[data-bgp] body {
  background-image: url("../images/bg-pattern-light.svg");
  background-repeat: repeat;
  background-size: 560px;
}
html[data-bgp][data-theme="dark"] body { background-image: url("../images/bg-pattern-dark.svg"); }

/* Full-width sections: pattern dikhe. Plain .hp-sec transparent; .hp-sec-alt sirf halki tint (kabhi opaque nahi).
   Cards/boxes andar (hp-stat, jury-card-v2, hp-vcard, hp-rule, ab-card, bgs-card...) solid var(--surface) rehte hain. */
html[data-bgp] .hp-sec { background: transparent; }
html[data-bgp] .hp-sec-alt { background: var(--sec-alt); }
html[data-bgp] body > section,
html[data-bgp] body > main,
html[data-bgp] body > .container { background-color: transparent; }

/* ---------- 3. Light-mode contrast fixes (look same, sirf AA ke liye) ---------- */
html .jc-body .role,
html .hp-stat em,
html .hp-more:hover { color: var(--gold-text); }
html .bgs-sec-title .num { color: #1C1640; }
html .hover\:bg-\[\#C8952A\]:hover,
html .bgs-btn:hover,
html .bgs-tile-btn:hover { color: var(--on-gold); }
html a.text-\[\#C8952A\],
html .hover\:text-\[\#C8952A\]:hover { color: var(--gold-text); }

/* Video slider arrows: gold bg par white (2.9:1) -> gehra tir */
html .slick-prev, html .slick-next { color: #120E28; }

/* Mobile / tablet dropdown (lavender panel): links indigo, hover par bhi dikhein */
html .menu-v2 #mobile-menu a:not(.menu-bgt-btn) { color: #2B2255; }
html .menu-v2 #mobile-menu a:not(.menu-bgt-btn):hover { color: #2B2255; background: rgba(43, 34, 85, .08); }
html .menu-v2 #mobile-menu .menu-bgt-btn { background: #2B2255; border-color: #2B2255; color: #E3B85C; }
html .menu-v2 #mobile-menu .menu-bgt-btn:hover,
html .menu-v2 #mobile-menu .menu-bgt-btn:focus-visible { background: #C8952A; border-color: #C8952A; color: #120E28; }
html .menu-v2 #mobile-menu li { border-bottom-color: rgba(43, 34, 85, .12); }
html .menu-v2 #mobile-menu li.opacity-70,
html .menu-v2 #mobile-menu li[class*="uppercase"] { opacity: 1; color: #4F3F8A; }

/* ---------- 4. Theme toggle button (menu) ---------- */
.theme-toggle {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  border: 1.5px solid rgba(255, 255, 255, .5); border-radius: 999px;
  background: transparent; color: #fff; cursor: pointer;
  font-weight: 600; font-size: .95rem; line-height: 1.4; white-space: nowrap;
  padding: 6px 8px;
  transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}
.theme-toggle:hover, .theme-toggle:focus-visible { border-color: #E3B85C; color: #E3B85C; }
.theme-toggle:focus-visible { outline: 3px solid #E3B85C; outline-offset: 2px; }
.theme-toggle svg { width: 18px; height: 18px; flex: none; }
.theme-toggle .tt-sun, .theme-toggle .tt-lbl-light { display: none; }
[data-theme="dark"] .theme-toggle .tt-sun { display: inline-block; }
[data-theme="dark"] .theme-toggle .tt-moon { display: none; }
[data-theme="dark"] .theme-toggle .tt-lbl-light { display: inline; }
[data-theme="dark"] .theme-toggle .tt-lbl-dark { display: none; }
/* Desktop: sirf icon (1280px par menu ek line mein rahe); label title/aria-label mein */
.theme-toggle--desk .tt-lbl { display: none !important; }
/* Mobile menu: poori chaudai + label */
.theme-toggle--mob { width: 100%; padding: 10px 14px; font-size: 1.05rem; }
html .menu-v2 #mobile-menu .theme-toggle--mob { color: #2B2255; border-color: #2B2255; }
html .menu-v2 #mobile-menu .theme-toggle--mob:hover { color: #2B2255; border-color: #C8952A; background: rgba(43, 34, 85, .08); }

/* Logo plate: dark mein dark-text wale logo safed gol plate par */
[data-theme="dark"] .logo-plate { background: #fff; border-radius: 12px; padding: 6px; }

/* =====================================================================
   5. DARK OVERRIDE LAYER
   ===================================================================== */

/* ---- Header / footer ---- */
[data-theme="dark"] header.bg-primary-500,
[data-theme="dark"] footer.bg-primary-500 { background-color: var(--strip); }
[data-theme="dark"] header.menu-v2 { box-shadow: 0 1px 0 var(--line), 0 6px 18px rgba(0, 0, 0, .5); }
[data-theme="dark"] footer.bg-primary-500 { border-top: 1px solid var(--line); }
[data-theme="dark"] #scrollTopBtn { border: 1px solid var(--line); }

/* Desktop dropdown panels */
[data-theme="dark"] header .bg-white { background-color: var(--surface); }
[data-theme="dark"] header .border-gray-200 { border-color: var(--line); }
[data-theme="dark"] header .hover\:bg-\[\#FFF6E3\]:hover { background-color: var(--surface-2); }
[data-theme="dark"] header .text-\[\#2B2255\],
[data-theme="dark"] header .hover\:text-\[\#2B2255\]:hover { color: var(--heading); }

/* Mobile / tablet dropdown */
[data-theme="dark"] .menu-v2 #mobile-menu { background-color: var(--surface-2); border-top: 1px solid var(--line); }
[data-theme="dark"] .menu-v2 #mobile-menu li { border-bottom-color: var(--line); }
[data-theme="dark"] .menu-v2 #mobile-menu a:not(.menu-bgt-btn) { color: var(--text); }
[data-theme="dark"] .menu-v2 #mobile-menu a:not(.menu-bgt-btn):hover { color: var(--heading); background: rgba(255, 255, 255, .06); }
[data-theme="dark"] .menu-v2 #mobile-menu li.opacity-70,
[data-theme="dark"] .menu-v2 #mobile-menu li[class*="uppercase"] { opacity: 1; color: var(--gold-text); }
[data-theme="dark"] .menu-v2 #mobile-menu .menu-bgt-btn { background: transparent; border-color: var(--gold); color: var(--gold-text); }
[data-theme="dark"] .menu-v2 #mobile-menu .menu-bgt-btn:hover,
[data-theme="dark"] .menu-v2 #mobile-menu .menu-bgt-btn:focus-visible { background: var(--gold); border-color: var(--gold); color: var(--on-gold); }
[data-theme="dark"] .menu-v2 #mobile-menu .theme-toggle--mob { color: var(--text); border-color: var(--field-line); }
[data-theme="dark"] .menu-v2 #mobile-menu .theme-toggle--mob:hover { color: var(--gold-text); border-color: var(--gold); background: rgba(255, 255, 255, .06); }

/* ---- Tailwind: backgrounds ---- */
[data-theme="dark"] .bg-white { background-color: var(--surface); }
[data-theme="dark"] .bg-gray-50,
[data-theme="dark"] .bg-gray-100,
[data-theme="dark"] .bg-primary-50,
[data-theme="dark"] .bg-primary-100 { background-color: var(--surface-2); }
[data-theme="dark"] .bg-gray-200,
[data-theme="dark"] .bg-primary-200 { background-color: #2E2760; }
[data-theme="dark"] .bg-primary-500 { background-color: #4F3F8A; }   /* icon circles / buttons (header-footer upar alag se strip) */
[data-theme="dark"] .bg-red-50    { background-color: rgba(255, 123, 110, .12); }
[data-theme="dark"] .bg-green-50  { background-color: rgba(76, 195, 138, .12); }
[data-theme="dark"] .bg-blue-50   { background-color: rgba(96, 165, 250, .13); }
[data-theme="dark"] .bg-purple-50 { background-color: rgba(192, 132, 252, .13); }
[data-theme="dark"] .bg-orange-50 { background-color: rgba(251, 146, 60, .13); }
[data-theme="dark"] .bg-yellow-50 { background-color: rgba(217, 165, 58, .13); }
/* sponsor / logo card: safed hi rahe (logo kaale text wale hain) */
[data-theme="dark"] .bg-white.logo-plate { background-color: #fff; }

/* ---- Tailwind: gradients on light sections ---- */
[data-theme="dark"] .bg-gradient-to-r.from-primary-50.to-primary-200 {
  background-image: linear-gradient(to right, var(--surface), var(--surface-2));
}
/* (from-primary-400 via-primary-500 to-primary-600 wali patti gehri hi hai, white text ke saath — jaisi hai waisi) */

/* ---- Tailwind: text ---- */
[data-theme="dark"] .text-gray-900,
[data-theme="dark"] .text-gray-800,
[data-theme="dark"] .text-gray-700 { color: var(--text); }
[data-theme="dark"] .text-gray-600,
[data-theme="dark"] .text-gray-500,
[data-theme="dark"] .text-gray-400 { color: var(--muted); }
[data-theme="dark"] .text-primary-400,
[data-theme="dark"] .text-primary-500,
[data-theme="dark"] .text-primary-600,
[data-theme="dark"] .text-primary-700,
[data-theme="dark"] .text-\[\#2B2255\] { color: var(--heading); }
[data-theme="dark"] .text-\[\#C8952A\] { color: var(--gold-text); }
[data-theme="dark"] .hover\:text-\[\#C8952A\]:hover { color: var(--gold-text); }
[data-theme="dark"] .text-red-500, [data-theme="dark"] .text-red-600 { color: var(--err); }
[data-theme="dark"] .text-red-700, [data-theme="dark"] .text-red-800 { color: #FFB1A8; }
[data-theme="dark"] .text-green-600, [data-theme="dark"] .text-green-700, [data-theme="dark"] .text-green-800 { color: #7FE0AE; }
[data-theme="dark"] .text-blue-600, [data-theme="dark"] .text-blue-700, [data-theme="dark"] .text-blue-800 { color: #9CC9FF; }
[data-theme="dark"] .text-purple-600, [data-theme="dark"] .text-purple-700, [data-theme="dark"] .text-purple-800 { color: #D9B8FF; }
[data-theme="dark"] .text-orange-600, [data-theme="dark"] .text-orange-700, [data-theme="dark"] .text-orange-800 { color: #FFC285; }
[data-theme="dark"] .text-yellow-600, [data-theme="dark"] .text-yellow-700, [data-theme="dark"] .text-yellow-800 { color: #F2C96B; }
/* header/footer ke andar ke text-primary-500 (brochure button) bhi heading colour */

/* ---- Tailwind: borders ---- */
[data-theme="dark"] .border-gray-100,
[data-theme="dark"] .border-gray-200,
[data-theme="dark"] .border-gray-300,
[data-theme="dark"] .border-primary-100,
[data-theme="dark"] .border-primary-200 { border-color: var(--line); }
[data-theme="dark"] .border-primary-300,
[data-theme="dark"] .border-primary-400,
[data-theme="dark"] .border-primary-500 { border-color: #8172BA; }
[data-theme="dark"] .border-t-\[\#C8952A\] { border-top-color: var(--gold); }   /* border-gray-* ke baad, taaki gold top-border bana rahe */
[data-theme="dark"] .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--line); }

/* ---- Tailwind: hover on gold (white text gold par padhne layak nahi) ---- */
[data-theme="dark"] .hover\:bg-\[\#C8952A\]:hover { background-color: var(--gold); color: var(--on-gold); }

/* ---- Tailwind: shadows (dark par gehre, taaki card upar uthe hue lagein) ---- */
[data-theme="dark"] .shadow-sm { --tw-shadow: 0 1px 3px rgba(0, 0, 0, .55); --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color); }
[data-theme="dark"] .shadow-md,
[data-theme="dark"] .shadow-lg { --tw-shadow: 0 8px 22px -4px rgba(0, 0, 0, .6), 0 3px 8px -3px rgba(0, 0, 0, .5); --tw-shadow-colored: 0 8px 22px -4px var(--tw-shadow-color); }
[data-theme="dark"] .shadow-xl,
[data-theme="dark"] .shadow-2xl,
[data-theme="dark"] .hover\:shadow-xl:hover,
[data-theme="dark"] .hover\:shadow-2xl:hover { --tw-shadow: 0 18px 40px -8px rgba(0, 0, 0, .7), 0 6px 14px -6px rgba(0, 0, 0, .55); --tw-shadow-colored: 0 18px 40px -8px var(--tw-shadow-color); }

/* ---- Generic: hr, tables, links ---- */
[data-theme="dark"] hr { border-color: var(--line); }
[data-theme="dark"] table, [data-theme="dark"] th, [data-theme="dark"] td { border-color: var(--line); }
[data-theme="dark"] .container a:not([class]),
[data-theme="dark"] .hp-about-text a:not([class]) { color: var(--gold-text); }
[data-theme="dark"] .section-title { border-bottom-color: var(--line); }

/* ---- Form controls (global) ---- */
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
[data-theme="dark"] select,
[data-theme="dark"] textarea { background-color: var(--input); color: var(--text); border-color: var(--field-line); }
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: var(--muted); opacity: 1; }
[data-theme="dark"] select option { background-color: var(--input); color: var(--text); }
[data-theme="dark"] input[type="checkbox"],
[data-theme="dark"] input[type="radio"] { accent-color: var(--gold); }
[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] textarea:-webkit-autofill,
[data-theme="dark"] select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--input) inset;
  -webkit-text-fill-color: var(--text);
  caret-color: var(--text);
}

/* ---------------------------------------------------------------------
   6. shared/custom.css ke hard-coded colours (index + inner pages)
   --------------------------------------------------------------------- */
[data-theme="dark"] .hp-head h2,
[data-theme="dark"] .hp-stat b,
[data-theme="dark"] .hp-vinfo h3,
[data-theme="dark"] .hp-rule h3,
[data-theme="dark"] .help-text,
[data-theme="dark"] .principle-card h3,
[data-theme="dark"] .chip-v2,
[data-theme="dark"] .ab-note,
[data-theme="dark"] .hp-more { color: var(--heading); }
[data-theme="dark"] .hp-more { border-bottom-color: var(--gold); }
[data-theme="dark"] .hp-more:hover,
[data-theme="dark"] .jc-body .role,
[data-theme="dark"] .hp-stat em { color: var(--gold-text); }
[data-theme="dark"] .jury-card-placeholder h3,
[data-theme="dark"] .jury-card-placeholder .role { color: var(--muted); }

[data-theme="dark"] .hp-stat,
[data-theme="dark"] .hp-rule,
[data-theme="dark"] .principle-card { background: var(--surface); }
[data-theme="dark"] .hp-rule i { background: var(--surface-2); color: var(--heading); }
[data-theme="dark"] .hp-rule.hp-wide { background: rgba(217, 165, 58, .1); border-color: rgba(217, 165, 58, .45); }
[data-theme="dark"] .hp-rule.hp-wide i { background: var(--gold); color: #1C1640; }
[data-theme="dark"] a.hp-stat:hover { box-shadow: 0 10px 22px rgba(0, 0, 0, .55); }
[data-theme="dark"] .jury-card-v2:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, .55); }
[data-theme="dark"] .hp-vcard { box-shadow: 0 6px 18px rgba(0, 0, 0, .5); }
[data-theme="dark"] .hp-video { box-shadow: 0 14px 34px rgba(0, 0, 0, .6); }
[data-theme="dark"] .award-card { box-shadow: 0 4px 12px rgba(0, 0, 0, .5); }
[data-theme="dark"] .ab-card { box-shadow: 0 4px 16px rgba(0, 0, 0, .5); }
[data-theme="dark"] .ab-badge { color: var(--gold-text); }
[data-theme="dark"] .jc-avatar-img,
[data-theme="dark"] .jc-avatar-fallback { border-color: var(--surface); }
[data-theme="dark"] .jury-image { border-color: var(--line); }
[data-theme="dark"] .jury-card-placeholder .jc-top { background: linear-gradient(135deg, #3A3360 0%, #2B2552 100%); }

/* buttons: indigo -> dark par visible */
[data-theme="dark"] .hp-btn-indigo { background: #4F3F8A; color: #fff; }
[data-theme="dark"] .hp-btn-indigo:hover { background: #6350AE; }

/* video slider dots + gradient placeholder */
[data-theme="dark"] .hp-vslider .slick-dots li button:before { color: #8172BA; opacity: .8; }
[data-theme="dark"] .hp-vslider .slick-dots li.slick-active button:before { color: var(--gold); opacity: 1; }
[data-theme="dark"] .video-item .aspect-video { background: linear-gradient(135deg, var(--surface-2) 0%, var(--surface) 100%); }

/* contact: map frame */
[data-theme="dark"] .map-frame { border: 1px solid var(--line); }

/* ---------------------------------------------------------------------
   7. form-submit.php (.bgs-*) — inline <style> ke rangon ka dark version
   --------------------------------------------------------------------- */
[data-theme="dark"] .bgs-card { background: var(--surface); border-color: var(--line); box-shadow: 0 6px 22px rgba(0, 0, 0, .5); }
[data-theme="dark"] .bgs-sec-title,
[data-theme="dark"] .bgs-label,
[data-theme="dark"] .bgs-tile-title,
[data-theme="dark"] .bgs-ref .code,
[data-theme="dark"] .bgs-table td:first-child { color: var(--heading); }
[data-theme="dark"] .bgs-sec-title .num { background: var(--gold); color: #1C1640; }
[data-theme="dark"] .bgs-label .req,
[data-theme="dark"] .bgs-tile-title .req { color: var(--err); }
[data-theme="dark"] .bgs-hint,
[data-theme="dark"] .bgs-count,
[data-theme="dark"] .bgs-tile-hint,
[data-theme="dark"] .bgs-docline .sz { color: var(--muted); }
[data-theme="dark"] .bgs-input { background: var(--input); color: var(--text); border-color: var(--field-line); }
[data-theme="dark"] .bgs-input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(217, 165, 58, .28); }
[data-theme="dark"] .bgs-input.is-invalid { border-color: var(--err); background: rgba(255, 123, 110, .1); }
[data-theme="dark"] .bgs-input.is-valid { border-color: var(--ok); }
[data-theme="dark"] .bgs-err,
[data-theme="dark"] .bgs-count.over { color: var(--err); }
[data-theme="dark"] .bgs-info,
[data-theme="dark"] .bgs-tile-hint .tile-file { color: var(--ok); }
[data-theme="dark"] .bgs-tile { background: var(--input); border-color: var(--field-line); }
[data-theme="dark"] .bgs-tile.is-set { background: rgba(76, 195, 138, .1); border-color: var(--ok); }
[data-theme="dark"] .bgs-tile.is-invalid { background: rgba(255, 123, 110, .1); border-color: var(--err); }
[data-theme="dark"] .bgs-tile-icon { background: var(--surface-2); }
[data-theme="dark"] .bgs-tile-icon svg { stroke: var(--heading); }
[data-theme="dark"] .bgs-tile-btn,
[data-theme="dark"] .bgs-addbtn { background: var(--surface-2); color: var(--heading); border-color: var(--field-line); }
[data-theme="dark"] .bgs-tile-btn:hover { background: var(--gold); border-color: var(--gold); color: var(--on-gold); }
[data-theme="dark"] .bgs-addbtn { border-color: var(--gold); background: rgba(217, 165, 58, .12); }
[data-theme="dark"] .bgs-addbtn:hover { background: rgba(217, 165, 58, .24); }
[data-theme="dark"] .bgs-x,
[data-theme="dark"] .bgs-tile-x { background: var(--surface-2); color: var(--muted); }
[data-theme="dark"] .bgs-tile-x:hover,
[data-theme="dark"] .bgs-x:hover { background: rgba(255, 123, 110, .2); color: var(--err); }
[data-theme="dark"] .bgs-docrow { background: var(--input); border-color: var(--line); }
[data-theme="dark"] .bgs-docrow.is-invalid { background: rgba(255, 123, 110, .1); border-color: var(--err); }
[data-theme="dark"] .bgs-type span { background: var(--input); border-color: var(--field-line); color: var(--heading); }
[data-theme="dark"] .bgs-type input:checked + span { background: #4F3F8A; border-color: var(--gold); color: #fff; box-shadow: 0 0 0 3px var(--gold) inset; }
[data-theme="dark"] .bgs-type input:focus-visible + span { outline-color: var(--gold); }
[data-theme="dark"] .bgs-type.is-invalid span { border-color: var(--err); }
[data-theme="dark"] .bgs-banner { background: rgba(255, 123, 110, .12); border-color: var(--err); color: #FFB1A8; }
[data-theme="dark"] .bgs-btn { background: #4F3F8A; border-color: #4F3F8A; color: #fff; }
[data-theme="dark"] .bgs-btn:hover { background: var(--gold); border-color: var(--gold); color: var(--on-gold); }
[data-theme="dark"] .bgs-btn.alt { background: var(--surface-2); border-color: var(--field-line); color: var(--heading); }
[data-theme="dark"] .bgs-btn.alt:hover { background: var(--gold); border-color: var(--gold); color: var(--on-gold); }
[data-theme="dark"] .bgs-ref { background: rgba(217, 165, 58, .12); border-color: var(--gold); }
[data-theme="dark"] .bgs-ref .code { color: var(--gold-text); }
[data-theme="dark"] .bgs-table td { border-bottom-color: var(--line); }
[data-theme="dark"] .bgs-next { background: rgba(217, 165, 58, .12); border: 1px solid rgba(217, 165, 58, .35); color: var(--text); }
[data-theme="dark"] .bgs-ok .ok-head { background: #2B2255; border-bottom: 2px solid var(--gold); }
[data-theme="dark"] .bgs-ok .ok-head p { color: #F6E7C4; }
/* inline style="color:#..." (success view, declaration *) — inline ko sirf !important se haraya ja sakta hai */
[data-theme="dark"] [style*="color:#2B2255" i] { color: var(--heading) !important; }
[data-theme="dark"] [style*="color:#6b6784" i] { color: var(--muted) !important; }
[data-theme="dark"] [style*="color:#c0262d" i] { color: var(--err) !important; }

/* =====================================================================
   PHASE 2 — baaki saare pages (about, jury, advisory, categories, galleries,
   privacy, terms, nominations, reserve_seat)
   ===================================================================== */

/* ---- shared (Phase 2 pages) ---- */
/* plain "border" (Tailwind default grey) — border-<colour> wali classes ko na chhue */
[data-theme="dark"] .border:not([class*="border-"]) { border-color: var(--line); }
/* "अभी नामांकन करें" CTA (bg-white text-primary-500 hover:bg-primary-500 hover:text-white) */
[data-theme="dark"] .hover\:bg-primary-500:hover { background-color: #4F3F8A; }
[data-theme="dark"] .hover\:bg-gray-100:hover,
[data-theme="dark"] .hover\:bg-green-50:hover { background-color: var(--surface-2); }
[data-theme="dark"] .award-card a:focus-visible,
[data-theme="dark"] .container a.inline-block:focus-visible { outline: 2px solid var(--gold-text); outline-offset: 2px; }
html .award-card a:focus-visible { outline: 2px solid #4F3F8A; outline-offset: 2px; }

/* ---- about.php ---- */
/* inline style="color:var(--bg-primary)" (headings) */
[data-theme="dark"] [style*="var(--bg-primary)" i] { color: var(--heading) !important; }
/* poora page-wide safed panel: pattern dikhe (cards andar solid) */
html[data-bgp] body > .container > .max-w-7xl.bg-white { background-color: rgba(250, 247, 240, .4); box-shadow: none; }
html[data-bgp][data-theme="dark"] body > .container > .max-w-7xl.bg-white { background-color: rgba(28, 23, 54, .4); }
[data-theme="dark"] .ab-card { border-color: var(--line); border-left-color: var(--gold); }

/* ---- jury-panel.php / advisory-panel.php ---- */
/* intro box (bg-primary-100 border) aur "निर्णायक प्रक्रिया" gradient (gehra, white text) upar ke generic rules se; circles: bg-white text-primary-600 */
[data-theme="dark"] .bg-gradient-to-r.from-primary-400 .bg-white { background-color: var(--surface); }

/* ---- individual-categories.php / institutional-categories.php ----
   Card: surface solid, accent sirf border-left / number badge / tint / link mein.
   Rang-wise tint (bg-<c>-50/100), text (-600/-700/-800 -> 300 shade), badge (.award-number) aur hover (link button)
   neeche generated block mein hain. */
[data-theme="dark"] .award-card { border-top: 1px solid var(--line); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
[data-theme="dark"] .award-card h3 { color: var(--text); }

/* ---- individual-nominations.php / institutional-nominations.php ---- */
[data-theme="dark"] .bg-gray-200 > .bg-indigo-600 { background-color: #818CF8; }   /* progress bar track par dikhe */
/* green->emerald CTA par white text 3.3:1 tha: dono themes mein gehra hara */
html .from-green-600.to-emerald-600 { background-image: linear-gradient(to right, #15803D, #047857); }

/* ---- photo-gallery.php / press-gallery.php / index press modal ---- */
[data-theme="dark"] #loader { color: var(--muted); }
[data-theme="dark"] .masonry-item img { box-shadow: 0 4px 14px rgba(0, 0, 0, .65); outline: 1px solid rgba(255, 255, 255, .08); }
.close-btn:focus-visible { outline: 3px solid #E3B85C; outline-offset: 2px; }

/* ---- video-gallery.php ---- */
[data-theme="dark"] .video-card { border: 1px solid var(--line); }
[data-theme="dark"] .video-card iframe { background: #000; }

/* ---- privacy.php / terms.php ----
   bg-white card, bg-primary-100 box, border-l-4 border-primary-500, text-primary-500 headings, text-gray-700 lists:
   sab Phase 1 ke generic rules se; link (a:not([class])) .container rule se. */

/* ---- reserve_seat.php (hidden page — redesign nahi, sirf readable) ---- */
[data-theme="dark"] #seatModal .modal-content { background: var(--surface); color: var(--text); border: 1px solid var(--line); }
[data-theme="dark"] #seatModal .modal-content h3,
[data-theme="dark"] #seatModal .close-cross { color: var(--heading); }
[data-theme="dark"] #seatModal .form-group label { color: var(--heading); }
[data-theme="dark"] #seatModal .form-group input,
[data-theme="dark"] #seatModal .form-group select { border-color: var(--field-line); }
[data-theme="dark"] .form-group .error { color: var(--err); }
html .form-group .error { color: #C0262D; }                   /* pure red 4.0:1 tha */
[data-theme="dark"] [style*="background:#f8d7da" i] { background: rgba(255, 123, 110, .14) !important; color: #FFB1A8 !important; }
html .submit-btn { background: #1E7E34; }                      /* #28a745 par white 3.1:1 */
html .blink-btn { background: #C8223A; }                       /* #ff4757 par white 3.4:1 */
/* Select2 (राज्य/शहर) */
[data-theme="dark"] .select2-container--default .select2-selection--single { background: var(--input); border-color: var(--field-line); }
[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--text); }
[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--muted); }
[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--muted) transparent transparent; }
[data-theme="dark"] .select2-dropdown { background: var(--surface); border-color: var(--field-line); color: var(--text); }
[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field { background: var(--input); color: var(--text); border-color: var(--field-line); }
[data-theme="dark"] .select2-container--default .select2-results__option { color: var(--text); }
[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"],
[data-theme="dark"] .select2-container--default .select2-results__option--selected { background-color: var(--surface-2); }
[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected],
[data-theme="dark"] .select2-container--default .select2-results__option--highlighted { background-color: #4F3F8A; color: #fff; }
/* success modal: jaisa hai waisa (blue gradient + white button); dark remap se bachao */
[data-theme="dark"] #successModal .bg-white { background-color: #fff; }
[data-theme="dark"] #successModal .text-green-700 { color: #15803D; }
[data-theme="dark"] #successModal .hover\:bg-green-50:hover { background-color: #F0FDF4; }

html:not([data-theme="dark"]) a.bg-white.text-green-600 { color: #15803D; }              /* gradient CTA ke andar safed button: #16A34A par 3.3:1 tha */
html:not([data-theme="dark"]) .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #6B6B6B; }   /* #999 par 2.85:1 tha */
[data-theme="dark"] .bg-primary-100 a.bg-white { border: 1px solid var(--field-line); }   /* CTA button dark card par alag dikhe */
/* ---- generated (rang-families): bg tint / text / badge / hover — contrast gen.js se check kiya ---- */
[data-theme="dark"] .bg-amber-50 { background-color: rgba(245, 158, 11, 0.12); }
[data-theme="dark"] .bg-amber-100 { background-color: rgba(245, 158, 11, 0.2); }
[data-theme="dark"] .text-amber-600, [data-theme="dark"] .text-amber-700, [data-theme="dark"] .text-amber-800 { color: #FCD34D; }
html .award-number.bg-amber-500 { background-color: #F59E0B; color: #120E28; }
html a.hover\:bg-amber-500:hover, html a.hover\:bg-amber-500:focus-visible { background-color: #F59E0B; border-color: #F59E0B; color: #120E28; }
[data-theme="dark"] .bg-blue-50 { background-color: rgba(59, 130, 246, 0.12); }
[data-theme="dark"] .bg-blue-100 { background-color: rgba(59, 130, 246, 0.2); }
[data-theme="dark"] .text-blue-600, [data-theme="dark"] .text-blue-700, [data-theme="dark"] .text-blue-800 { color: #93C5FD; }
html .award-number.bg-blue-500 { background-color: #3B82F6; color: #120E28; }
html a.hover\:bg-blue-500:hover, html a.hover\:bg-blue-500:focus-visible { background-color: #3B82F6; border-color: #3B82F6; color: #120E28; }
[data-theme="dark"] .bg-cyan-50 { background-color: rgba(6, 182, 212, 0.12); }
[data-theme="dark"] .bg-cyan-100 { background-color: rgba(6, 182, 212, 0.2); }
[data-theme="dark"] .text-cyan-600, [data-theme="dark"] .text-cyan-700, [data-theme="dark"] .text-cyan-800 { color: #67E8F9; }
html .award-number.bg-cyan-500 { background-color: #06B6D4; color: #120E28; }
html a.hover\:bg-cyan-500:hover, html a.hover\:bg-cyan-500:focus-visible { background-color: #06B6D4; border-color: #06B6D4; color: #120E28; }
[data-theme="dark"] .bg-green-50 { background-color: rgba(34, 197, 94, 0.12); }
[data-theme="dark"] .bg-green-100 { background-color: rgba(34, 197, 94, 0.2); }
[data-theme="dark"] .text-green-600, [data-theme="dark"] .text-green-700, [data-theme="dark"] .text-green-800 { color: #86EFAC; }
html .award-number.bg-green-500 { background-color: #22C55E; color: #120E28; }
html a.hover\:bg-green-500:hover, html a.hover\:bg-green-500:focus-visible { background-color: #22C55E; border-color: #22C55E; color: #120E28; }
[data-theme="dark"] .bg-indigo-50 { background-color: rgba(99, 102, 241, 0.12); }
[data-theme="dark"] .bg-indigo-100 { background-color: rgba(99, 102, 241, 0.2); }
[data-theme="dark"] .text-indigo-600, [data-theme="dark"] .text-indigo-700, [data-theme="dark"] .text-indigo-800 { color: #A5B4FC; }
html .award-number.bg-indigo-500 { background-color: #4F46E5; color: #FFFFFF; }
html a.hover\:bg-indigo-500:hover, html a.hover\:bg-indigo-500:focus-visible { background-color: #4F46E5; border-color: #4F46E5; color: #FFFFFF; }
[data-theme="dark"] .bg-lime-50 { background-color: rgba(132, 204, 22, 0.12); }
[data-theme="dark"] .bg-lime-100 { background-color: rgba(132, 204, 22, 0.2); }
[data-theme="dark"] .text-lime-600, [data-theme="dark"] .text-lime-700, [data-theme="dark"] .text-lime-800 { color: #BEF264; }
html .award-number.bg-lime-500 { background-color: #84CC16; color: #120E28; }
html a.hover\:bg-lime-500:hover, html a.hover\:bg-lime-500:focus-visible { background-color: #84CC16; border-color: #84CC16; color: #120E28; }
[data-theme="dark"] .bg-orange-50 { background-color: rgba(249, 115, 22, 0.12); }
[data-theme="dark"] .bg-orange-100 { background-color: rgba(249, 115, 22, 0.2); }
[data-theme="dark"] .text-orange-600, [data-theme="dark"] .text-orange-700, [data-theme="dark"] .text-orange-800 { color: #FDBA74; }
html .award-number.bg-orange-500 { background-color: #F97316; color: #120E28; }
html a.hover\:bg-orange-500:hover, html a.hover\:bg-orange-500:focus-visible { background-color: #F97316; border-color: #F97316; color: #120E28; }
[data-theme="dark"] .bg-pink-50 { background-color: rgba(236, 72, 153, 0.12); }
[data-theme="dark"] .bg-pink-100 { background-color: rgba(236, 72, 153, 0.2); }
[data-theme="dark"] .text-pink-600, [data-theme="dark"] .text-pink-700, [data-theme="dark"] .text-pink-800 { color: #F9A8D4; }
html .award-number.bg-pink-500 { background-color: #EC4899; color: #120E28; }
html a.hover\:bg-pink-500:hover, html a.hover\:bg-pink-500:focus-visible { background-color: #EC4899; border-color: #EC4899; color: #120E28; }
[data-theme="dark"] .bg-purple-50 { background-color: rgba(168, 85, 247, 0.12); }
[data-theme="dark"] .bg-purple-100 { background-color: rgba(168, 85, 247, 0.2); }
[data-theme="dark"] .text-purple-600, [data-theme="dark"] .text-purple-700, [data-theme="dark"] .text-purple-800 { color: #D8B4FE; }
html .award-number.bg-purple-500 { background-color: #A855F7; color: #120E28; }
html a.hover\:bg-purple-500:hover, html a.hover\:bg-purple-500:focus-visible { background-color: #A855F7; border-color: #A855F7; color: #120E28; }
[data-theme="dark"] .bg-red-50 { background-color: rgba(239, 68, 68, 0.12); }
[data-theme="dark"] .bg-red-100 { background-color: rgba(239, 68, 68, 0.2); }
[data-theme="dark"] .text-red-600, [data-theme="dark"] .text-red-700, [data-theme="dark"] .text-red-800 { color: #FCA5A5; }
html .award-number.bg-red-500 { background-color: #EF4444; color: #120E28; }
html a.hover\:bg-red-500:hover, html a.hover\:bg-red-500:focus-visible { background-color: #EF4444; border-color: #EF4444; color: #120E28; }
[data-theme="dark"] .bg-rose-50 { background-color: rgba(244, 63, 94, 0.12); }
[data-theme="dark"] .bg-rose-100 { background-color: rgba(244, 63, 94, 0.2); }
[data-theme="dark"] .text-rose-600, [data-theme="dark"] .text-rose-700, [data-theme="dark"] .text-rose-800 { color: #FDA4AF; }
html .award-number.bg-rose-500 { background-color: #F43F5E; color: #120E28; }
html a.hover\:bg-rose-500:hover, html a.hover\:bg-rose-500:focus-visible { background-color: #F43F5E; border-color: #F43F5E; color: #120E28; }
[data-theme="dark"] .bg-teal-50 { background-color: rgba(20, 184, 166, 0.12); }
[data-theme="dark"] .bg-teal-100 { background-color: rgba(20, 184, 166, 0.2); }
[data-theme="dark"] .text-teal-600, [data-theme="dark"] .text-teal-700, [data-theme="dark"] .text-teal-800 { color: #5EEAD4; }
html .award-number.bg-teal-500 { background-color: #14B8A6; color: #120E28; }
html a.hover\:bg-teal-500:hover, html a.hover\:bg-teal-500:focus-visible { background-color: #14B8A6; border-color: #14B8A6; color: #120E28; }
[data-theme="dark"] .bg-yellow-50 { background-color: rgba(234, 179, 8, 0.12); }
[data-theme="dark"] .bg-yellow-100 { background-color: rgba(234, 179, 8, 0.2); }
[data-theme="dark"] .text-yellow-600, [data-theme="dark"] .text-yellow-700, [data-theme="dark"] .text-yellow-800 { color: #FDE047; }
html .award-number.bg-yellow-500 { background-color: #EAB308; color: #120E28; }
html a.hover\:bg-yellow-500:hover, html a.hover\:bg-yellow-500:focus-visible { background-color: #EAB308; border-color: #EAB308; color: #120E28; }
[data-theme="dark"] .bg-emerald-50 { background-color: rgba(16, 185, 129, 0.12); }
[data-theme="dark"] .bg-emerald-100 { background-color: rgba(16, 185, 129, 0.2); }
[data-theme="dark"] .text-emerald-600, [data-theme="dark"] .text-emerald-700, [data-theme="dark"] .text-emerald-800 { color: #6EE7B7; }
html .award-number.bg-emerald-500 { background-color: #10B981; color: #120E28; }
html a.hover\:bg-emerald-500:hover, html a.hover\:bg-emerald-500:focus-visible { background-color: #10B981; border-color: #10B981; color: #120E28; }
[data-theme="dark"] .from-blue-50.to-indigo-50 { background-image: linear-gradient(to right, rgba(59, 130, 246, 0.16), rgba(99, 102, 241, 0.16)), linear-gradient(var(--surface), var(--surface)); }


/* reduced motion: theme badalne par koi animation nahi (sirf colour transitions hain, par safe rahein) */
@media (prefers-reduced-motion: reduce) {
  .theme-toggle { transition: none; }
}

/* jury/advisory cards: serial badge hata diya; banner ki unchai wahi rakhi */
.jury-card-v2 .jc-top { min-height: 92px; }
.hp-people .jury-card-v2 .jc-top { min-height: 112px; }
@media (max-width: 640px) { .hp-people .jury-card-v2 .jc-top { min-height: 96px; } }