/* Light theme for the pages that were designed in navy and gold: Bayanath, the scholar's profile, Contact / Feedback / Admissions / Careers and the
   Support card on About Us. Loaded after each page's own stylesheet and only on those pages. Every rule starts with :root[data-theme="light"], so the
   dark theme (the original design) is untouched, and nothing here removes or slows an animation: only colours, shadows and overlays change.
   Light palette: the site's warm paper (#f6f1e7, as the header and the other pages), navy ink, and a deeper gold (#8a621a) so gold text and icons
   keep at least 4.5:1 contrast on white and on paper. The aurora bands keep drifting; they are softened so they read as pastel light on paper. */

/* ============================================================ Bayanath and the scholar's profile ===== */
:root[data-theme="light"] .page-bayanath {
  --bz-base: #f6f1e7; --bz-navy-1: #eaeef9; --bz-navy-2: #dde5f7;
  --bz-gold: #8a621a; --bz-gold-soft: #77520f; --bz-goldrgb: 168, 120, 40;
  --bz-ink: #0f1b3c; --bz-text: #26335a; --bz-muted: #4d5b7b;
  --bz-glass: rgba(255, 255, 255, .8); --bz-glass-solid: rgba(255, 255, 255, .94);
  --bz-edge: rgba(24, 42, 104, .2); --bz-edge-soft: rgba(24, 42, 104, .13); --bz-edge-gold: rgba(138, 98, 26, .55);
  --gold: #8a621a; --gold-pale: #ecdcb8;
  --bz-sec: linear-gradient(160deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .78)), rgba(255, 255, 255, .8);
}
/* aurora: same four drifting bands, pastel on paper; a light veil keeps the text contrast steady */
:root[data-theme="light"] .bz-au { opacity: .5; }
:root[data-theme="light"] .bz-spot { background: radial-gradient(closest-side, rgba(var(--bz-blue), .2), rgba(var(--bz-violet), .09) 48%, rgba(var(--bz-violet), 0)); }
:root[data-theme="light"] .bz-veil { background: radial-gradient(120% 90% at 50% 0%, rgba(246, 241, 231, 0) 45%, rgba(246, 241, 231, .5) 100%), linear-gradient(180deg, rgba(246, 241, 231, .1), rgba(246, 241, 231, .3)); }
:root[data-theme="light"] .bz-head h1 { text-shadow: none; }

/* glass cards: frosted white with a navy hairline */
:root[data-theme="light"] .page-bayanath .sp-card, :root[data-theme="light"] .page-bayanath .sc-card, :root[data-theme="light"] .page-bayanath .by-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .8) 100%), var(--bz-glass);
  box-shadow: 0 22px 50px rgba(30, 45, 100, .15), 0 5px 14px rgba(30, 45, 100, .08), inset 0 1px 0 rgba(255, 255, 255, .95);
}
:root[data-theme="light"] .page-bayanath .sp-card, :root[data-theme="light"] .page-bayanath .sc-card { background-color: rgba(255, 255, 255, .82); }
:root[data-theme="light"] .page-bayanath .by-card { background-color: rgba(255, 255, 255, .88); }
:root[data-theme="light"] .page-bayanath .sp-card::before, :root[data-theme="light"] .page-bayanath .sc-card::before, :root[data-theme="light"] .page-bayanath .by-card::before {
  background: radial-gradient(110% 55% at 0% 0%, rgba(var(--bz-goldrgb), .08), rgba(var(--bz-goldrgb), 0) 60%);
}
:root[data-theme="light"] .page-bayanath .by-card:hover, :root[data-theme="light"] .page-bayanath .by-card:focus-within {
  box-shadow: 0 30px 62px rgba(30, 45, 100, .2), 0 0 0 1px rgba(var(--bz-goldrgb), .3), inset 0 1px 0 rgba(255, 255, 255, .95);
}
:root[data-theme="light"] .page-bayanath .sp-frame { background: linear-gradient(145deg, rgba(var(--bz-goldrgb), .25), rgba(255, 255, 255, .7)); box-shadow: 0 14px 30px rgba(30, 45, 100, .18), 0 0 0 5px rgba(24, 42, 104, .04), inset 0 1px 0 rgba(255, 255, 255, .9); }
/* tinted fills that were white-on-navy are now navy-on-white */
:root[data-theme="light"] .page-bayanath .sp-d, :root[data-theme="light"] .page-bayanath .sc-soc, :root[data-theme="light"] .page-bayanath .sh-facts > div, :root[data-theme="light"] .page-bayanath .sh-roles > li {
  background: linear-gradient(160deg, rgba(24, 42, 104, .05), rgba(24, 42, 104, .02)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}
:root[data-theme="light"] .page-bayanath .sp-d:hover, :root[data-theme="light"] .page-bayanath .sc-soc:hover { background-color: rgba(var(--bz-goldrgb), .08); }
:root[data-theme="light"] .page-bayanath .sp-pill, :root[data-theme="light"] .page-bayanath .sc-tag, :root[data-theme="light"] .page-bayanath .sh-recent li,
:root[data-theme="light"] .page-bayanath .sc-more > summary, :root[data-theme="light"] .page-bayanath .sh-ghost { background: rgba(24, 42, 104, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8); }
:root[data-theme="light"] .page-bayanath .sp-pill:hover, :root[data-theme="light"] .page-bayanath .sp-pill:focus-visible { background: rgba(var(--bz-goldrgb), .14); }
:root[data-theme="light"] .page-bayanath .sc-more > summary:hover, :root[data-theme="light"] .page-bayanath .sh-ghost:hover { background-color: rgba(var(--bz-goldrgb), .1); }
:root[data-theme="light"] .page-bayanath .sh-sec { box-shadow: 0 20px 46px rgba(30, 45, 100, .13), 0 4px 12px rgba(30, 45, 100, .07), inset 0 1px 0 rgba(255, 255, 255, .95); }
:root[data-theme="light"] .page-bayanath .sh-sec a { color: var(--bz-gold-soft); }
:root[data-theme="light"] .page-bayanath .sh-recent a { color: var(--bz-ink); }
/* gold buttons keep their gold and dark text; only the shadows lose their navy weight */
:root[data-theme="light"] .page-bayanath .bz-all, :root[data-theme="light"] .page-bayanath .sc-cta { box-shadow: 0 10px 24px rgba(90, 62, 12, .25), inset 0 1px 0 rgba(255, 255, 255, .7); }
:root[data-theme="light"] .page-bayanath .bz-all:hover, :root[data-theme="light"] .page-bayanath .sc-cta:hover { box-shadow: 0 16px 30px rgba(90, 62, 12, .3), 0 0 0 4px rgba(var(--bz-goldrgb), .22), inset 0 1px 0 rgba(255, 255, 255, .7); }
:root[data-theme="light"] .page-bayanath .bz-all:focus-visible, :root[data-theme="light"] .page-bayanath .sc-cta:focus-visible { outline-color: var(--bz-ink); }
:root[data-theme="light"] .page-bayanath .sc-cta-ic { background: rgba(255, 255, 255, .75); color: #1a1305; }
/* video thumbnails: a light play disc with a navy triangle (the triangle uses the ink token) */
:root[data-theme="light"] .page-bayanath .by-thumb { background: var(--bz-navy-2); }
:root[data-theme="light"] .page-bayanath .by-play { background: rgba(255, 255, 255, .92); box-shadow: 0 6px 18px rgba(15, 27, 60, .35); }
:root[data-theme="light"] .page-bayanath .by-thumb:hover .by-play, :root[data-theme="light"] .page-bayanath .by-thumb:focus-visible .by-play { background: #fff; }
/* Official Social Media Links card */
:root[data-theme="light"] .page-bayanath .so-card { background: linear-gradient(160deg, rgba(var(--bz-goldrgb), .16), rgba(255, 255, 255, .96) 55%), #fff; box-shadow: 0 16px 36px rgba(30, 45, 100, .16), 0 0 0 1px rgba(var(--bz-goldrgb), .14), inset 0 1px 0 rgba(255, 255, 255, .9); }
:root[data-theme="light"] .page-bayanath .so-card:hover { box-shadow: 0 22px 44px rgba(30, 45, 100, .2), 0 0 0 4px rgba(var(--bz-goldrgb), .2), inset 0 1px 0 rgba(255, 255, 255, .9); }
:root[data-theme="light"] .page-bayanath .so-photo { box-shadow: 0 6px 14px rgba(30, 45, 100, .25); }
/* Photo Slideshow: whole photographs on a light frame, controls as light discs */
:root[data-theme="light"] .page-bayanath .ph-show { background: linear-gradient(150deg, #e9eefb, #d9e2f6); box-shadow: 0 24px 54px rgba(30, 45, 100, .2), 0 0 0 1px rgba(24, 42, 104, .06), inset 0 1px 0 rgba(255, 255, 255, .9); }
:root[data-theme="light"] .page-bayanath .ph-show:focus-visible { box-shadow: 0 0 0 3px rgba(var(--bz-goldrgb), .8), 0 24px 54px rgba(30, 45, 100, .2); }
:root[data-theme="light"] .page-bayanath .ph-arrow, :root[data-theme="light"] .page-bayanath .ph-side, :root[data-theme="light"] .page-bayanath .ph-pp {
  background: rgba(255, 255, 255, .9); border-color: var(--bz-edge); box-shadow: 0 8px 18px rgba(30, 45, 100, .22), inset 0 1px 0 #fff;
}
:root[data-theme="light"] .page-bayanath .ph-arrow:hover, :root[data-theme="light"] .page-bayanath .ph-side:hover, :root[data-theme="light"] .page-bayanath .ph-pp:hover { background: #fff; border-color: var(--bz-gold); }
:root[data-theme="light"] .page-bayanath .ph-dot i { background: rgba(24, 42, 104, .25); }
:root[data-theme="light"] .page-bayanath .ph-dot:hover i { background: rgba(24, 42, 104, .5); }
:root[data-theme="light"] .page-bayanath .ph-dot.is-active i { background: var(--bz-gold); }

/* ============================================================ Contact, Feedback, Admissions, Careers ===== */
:root[data-theme="light"] .page-connect {
  --cx-base: #f6f1e7; --cx-navy-1: #eaeef9; --cx-navy-2: #dde5f7; --cx-goldrgb: 168, 120, 40;
  --cx-gold: #8a621a; --cx-gold-2: #77520f; --cx-ink: #0f1b3c; --cx-text: #26335a; --cx-muted: #4d5b7b;
  --cx-glass: rgba(255, 255, 255, .8); --cx-glass-2: rgba(255, 255, 255, .95);
  --cx-edge: rgba(24, 42, 104, .2); --cx-edge-gold: rgba(138, 98, 26, .55);
  --cx-bad: #b42318; --cx-ok: #127a4b; --gold: #8a621a; --gold-pale: #ecdcb8;
}
:root[data-theme="light"] .cx-au { opacity: .5; }
:root[data-theme="light"] .page-connect .page-hero h1 { text-shadow: none; }
:root[data-theme="light"] .cx-card, :root[data-theme="light"] .cx-glass { box-shadow: 0 18px 44px rgba(30, 45, 100, .13), 0 4px 12px rgba(30, 45, 100, .07), inset 0 1px 0 rgba(255, 255, 255, .95); }
:root[data-theme="light"] .cx-role.is-picked { box-shadow: 0 0 0 2px rgba(var(--cx-goldrgb), .4), 0 18px 44px rgba(30, 45, 100, .13); }
:root[data-theme="light"] .cx-search input, :root[data-theme="light"] .cx-field input, :root[data-theme="light"] .cx-field textarea, :root[data-theme="light"] .cx-field select { background-color: rgba(255, 255, 255, .92); }
:root[data-theme="light"] .cx-field input:focus, :root[data-theme="light"] .cx-field textarea:focus, :root[data-theme="light"] .cx-field select:focus { background-color: #fff; box-shadow: 0 0 0 3px rgba(var(--cx-goldrgb), .25), 0 0 22px rgba(var(--cx-goldrgb), .14); }
:root[data-theme="light"] .cx-chip span { background: rgba(24, 42, 104, .05); }
:root[data-theme="light"] .cx-box { background: #fff; }
:root[data-theme="light"] .cx-star { color: rgba(77, 91, 123, .45); }
:root[data-theme="light"] .cx-star-ic { fill: rgba(24, 42, 104, .04); }
:root[data-theme="light"] .cx-dot, :root[data-theme="light"] .cx-num { background: #fff; }
:root[data-theme="light"] .cx-step-card:hover .cx-num { background: var(--cx-gold); color: #fff; }
:root[data-theme="light"] .cx-progress .is-done .cx-dot { color: #fff; }
:root[data-theme="light"] .cx-meter-bar { background: rgba(24, 42, 104, .12); }
:root[data-theme="light"] .cx-toast { background: #fff; box-shadow: 0 12px 30px rgba(30, 45, 100, .25); }
:root[data-theme="light"] .cx-banner { border-color: rgba(180, 35, 24, .45); background: rgba(180, 35, 24, .08); color: #8a1c12; }
:root[data-theme="light"] .page-connect .button-secondary { background: rgba(255, 255, 255, .7); }
:root[data-theme="light"] .page-connect .button-secondary:hover { background: rgba(var(--cx-goldrgb), .12); }
:root[data-theme="light"] .cx-spin { border-color: rgba(10, 20, 51, .25); border-top-color: #0a1433; }
:root[data-theme="light"] .cx-journey::before { background: linear-gradient(90deg, var(--cx-gold), rgba(var(--cx-blue), .55)); }

/* ============================================================ Support Our Mission (About Us) ===== */
:root[data-theme="light"] .sup { --sup-gold: #8a621a; --sup-gold-soft: #77520f; --sup-ink: #0f1b3c; --sup-text: #26335a; --sup-muted: #4d5b7b; --sup-goldrgb: 168, 120, 40; }
:root[data-theme="light"] .sup-card { background: linear-gradient(160deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .82)), #fff; border-color: rgba(24, 42, 104, .2);
  box-shadow: 0 26px 56px rgba(30, 45, 100, .16), 0 6px 16px rgba(30, 45, 100, .08), inset 0 1px 0 rgba(255, 255, 255, .95); }
:root[data-theme="light"] .sup-glow { background: radial-gradient(closest-side, rgba(56, 120, 255, .2), rgba(132, 92, 246, .08) 55%, rgba(132, 92, 246, 0)); }
:root[data-theme="light"] .sup-head { border-bottom-color: rgba(24, 42, 104, .14); }
:root[data-theme="light"] .sup-row { border-color: rgba(24, 42, 104, .14); background: linear-gradient(160deg, rgba(24, 42, 104, .05), rgba(24, 42, 104, .02)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8); }
:root[data-theme="light"] .sup-copy { border-color: rgba(24, 42, 104, .25); background: rgba(24, 42, 104, .05); }
:root[data-theme="light"] .sup-copy:hover { background: rgba(var(--sup-goldrgb), .14); }
:root[data-theme="light"] .sup-all { box-shadow: 0 12px 26px rgba(90, 62, 12, .25), inset 0 1px 0 rgba(255, 255, 255, .7); }
:root[data-theme="light"] .sup-all:hover { box-shadow: 0 18px 34px rgba(90, 62, 12, .3), 0 0 0 4px rgba(var(--sup-goldrgb), .25), inset 0 1px 0 rgba(255, 255, 255, .7); }
:root[data-theme="light"] .sup-copy.is-done, :root[data-theme="light"] .sup-all.is-done { background: #1f7a52; border-color: #1f7a52; color: #fff; }