/* =====================================================================
   MGC — "BRIGHTER" FINAL LIGHT LAYER
   Purely additive. Loads LAST, after mgc-style.css, mgc-polish.css,
   mgc-polish-pro.css, mgc-activities-club-submenu.css, mgc-elegant.css
   and mgc-noticeboard-colors.css. No markup changes required.

   mgc-elegant.css (loaded earlier) deliberately calmed the page's
   motion/glow. This layer doesn't touch motion or fight elegant.css —
   it only turns up overall LIGHT: a whiter canvas, whiter/lighter card
   surfaces, softer/lighter shadows so nothing looks heavy, lighter
   borders and muted text, and a gentle brightness/saturation lift on
   photography so the page reads as sunlit rather than flat.

   Deep-indigo/navy sections (nav, hero, footer, welcome strip) are
   brand-colour surfaces, not "dim" surfaces — they're intentionally
   left alone here rather than force-lightened, which would fight the
   brand palette. Everything else gets brighter.
   ===================================================================== */

/* ---------- 1. Whiter, airier global canvas ------------------------------
   Push the base ivory a shade whiter and strengthen the soft light
   blooms already introduced by polish-pro so paper sections feel like
   they're sitting in fuller daylight. */
:root{
  --mgc-ivory: #fffefb;
  --mgc-bright-glow-gold: rgba(238,203,133,.22);
  --mgc-bright-glow-teal: rgba(31,124,112,.14);
  --mgc-bright-shadow-card: 0 10px 26px -16px rgba(23,37,73,.18);
  --mgc-bright-shadow-card-hover: 0 20px 40px -18px rgba(23,37,73,.24);
  --mgc-bright-border: #f1ead9;
}

html{ background:var(--mgc-ivory) !important; }

body{
  background:
    radial-gradient(ellipse 1000px 560px at 8% 0%, var(--mgc-bright-glow-gold), transparent 62%),
    radial-gradient(ellipse 900px 520px at 96% 6%, var(--mgc-bright-glow-teal), transparent 58%),
    radial-gradient(ellipse 800px 960px at 50% 35%, rgba(255,255,255,.8), transparent 72%),
    var(--mgc-ivory) !important;
}

/* ---------- 2. Whiter, lighter-shadowed card surfaces --------------------
   Cards on ivory sections get a crisper white so they pop off the
   brighter canvas; shadows trade darkness for spread, same principle
   polish-pro used, taken one step further. */
.mgc-dept-card, .mgc-review-card, .mgc-dept-tile, .mgc-acad-card,
.mgc-notice-panel, .mgc-facility-card, .mgc-noticeboard,
.mgc-contact-form, .mgc-intake-modal, .mgc-lightbox-modal{
  background: #ffffff !important;
  border-color: var(--mgc-bright-border) !important;
  box-shadow: var(--mgc-bright-shadow-card) !important;
}
.mgc-dept-card:hover, .mgc-review-card:hover, .mgc-dept-tile:hover,
.mgc-acad-card:hover, .mgc-facility-card:hover{
  box-shadow: var(--mgc-bright-shadow-card-hover) !important;
}

/* Intro / motto / VMA panels keep their warm saffron-gold tint (it's
   part of their identity) but get a lighter, less heavy shadow to
   match the rest of the page. */
.mgc-intro-card, .mgc-motto-panel, .mgc-vma-card{
  box-shadow: var(--mgc-bright-shadow-card) !important;
}
.mgc-intro-card:hover{
  box-shadow: 0 22px 44px -18px rgba(125,52,22,.22) !important;
}

/* ---------- 3. Lighter borders & muted text, for a less inky feel -------- */
.mgc-dept-card, .mgc-dept-tile, .mgc-review-card, .mgc-acad-card,
.mgc-noticeboard, .mgc-noticerow, .mgc-prog-table td, .mgc-pill,
.mgc-field input.form-control, .mgc-field select.form-control,
.mgc-field textarea.form-control{
  border-color: var(--mgc-bright-border) !important;
}
.mgc-ink-soft, .mgc-dept-card p, .mgc-section-head p, .mgc-facility-card p,
.mgc-acad-card .cap{
  color: #6b6b7d !important;
}

/* ---------- 4. A gentle sunlit lift on photography ------------------------
   Small, tasteful brightness/saturation bump — enough to read as
   "well-lit," not washed out or over-processed. */
.mgc-dept-tile-media img, .mgc-intro-card-media img, .mgc-gallery-tile img,
.mgc-imgscroll-item img, .mgc-about-visual img{
  filter: brightness(1.04) saturate(1.05);
}

/* ---------- 5. Ivory/paper section backgrounds, a touch lighter ---------- */
.mgc-section.on-ivory{ background: var(--mgc-ivory) !important; }
.mgc-section.on-paper{ background: #ffffff !important; }

/* Saffron-tinted strips (facilities, dept, motto) get a slightly
   lighter, less amber base so they sit closer to the brighter canvas
   while keeping their warm identity. */
.mgc-facilities-strip{
  background:
    radial-gradient(ellipse at 12% 8%, rgba(238,203,133,.32), transparent 55%),
    radial-gradient(ellipse at 90% 18%, rgba(31,124,112,.14), transparent 50%),
    radial-gradient(ellipse at 82% 95%, rgba(214,161,60,.18), transparent 55%),
    linear-gradient(165deg,#fffdf9 0,#fdf7ea 38%,#f8efd9 68%,#fdf6e6 100%) !important;
}
.mgc-dept-section{
  background:
    radial-gradient(circle at 18px 18px, transparent 7.2px, rgba(193,89,44,.08) 7.6px, rgba(193,89,44,.08) 7.9px, transparent 8.3px),
    radial-gradient(circle at 36px 36px, transparent 7.2px, rgba(193,89,44,.08) 7.6px, rgba(193,89,44,.08) 7.9px, transparent 8.3px),
    linear-gradient(160deg,#fffaf0 0,#fffaf0 45%,#fef4e0 100%) !important;
}

/* ---------- 6. Table & pill surfaces ---------------------------------- */
.mgc-prog-table, .mgc-intake-table{ background:#ffffff !important; }
.mgc-pill{ background:#ffffff !important; }

/* ---------- 7. Noticeboard chips: lighten the card shell, keep the
   colour rotation from mgc-noticeboard-colors.css intact ---------------- */
.mgc-slider-notices .mgc-notice-item{
  background: rgba(255,255,255,.7) !important;
}
.mgc-slider-notices .mgc-notice-item:hover{
  background: #ffffff !important;
}

/* ---------- 8. Respect print — keep the extra glow out of it ------------ */
@media print{
  body{ background:#fff !important; }
  .mgc-dept-tile-media img, .mgc-intro-card-media img, .mgc-gallery-tile img,
  .mgc-imgscroll-item img, .mgc-about-visual img{ filter:none !important; }
}