/* ============================================================================
   PRESIDENT'S COLLEGE MAHARAGAMA — LIGHT-MODE PRELOADER OVERRIDE
   ----------------------------------------------------------------------------
   Applies ONLY when <html> carries the "theme-preload-light" class — i.e.
   the page is loading with the shared site theme set to light. Dark mode is
   completely untouched: this file only adds extra rules on top of the
   page's own preloader CSS, it never edits or removes the dark version.

   Covers BOTH markup/class-naming variants used across the site so one
   file can be linked from every page that uses this "light flag" theme
   convention:
     - "pcm-" prefixed   → news.html, account.html (via preloader.css)
     - unprefixed        → events.html, gallery.html, Academics.html,
                            Sports.html, Club_and_Societies.html

   Ring colours (maroon/green) and layout/timing are left 100% identical
   between modes — only the backdrop and the logo capsule's glow/border
   are adjusted for a light background, matching preloader-light.css.
   ============================================================================ */

/* ---------- Backdrop (shared by both variants, same .preloader wrapper) ---------- */
html.theme-preload-light .preloader{
  background-color: #f4f5f8;
}

/* ---------- pcm- prefixed variant ---------- */
html.theme-preload-light .pcm-logo-capsule{
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 35px rgba(128, 36, 0, 0.08);
  animation: pcmBreathingGlowLight 2s ease-in-out infinite;
}

/* ---------- unprefixed variant ---------- */
html.theme-preload-light .preloader-logo-capsule{
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 35px rgba(128, 36, 0, 0.08);
  animation: pcmBreathingGlowLight 2s ease-in-out infinite;
}

@keyframes pcmBreathingGlowLight{
  0%, 100% {
    transform: scale(0.94);
    opacity: 0.85;
    box-shadow: 0 0 28px rgba(128, 36, 0, 0.08);
  }
  50% {
    transform: scale(1.04);
    opacity: 1;
    box-shadow: 0 0 50px rgba(128, 36, 0, 0.18);
  }
}