/* =========================================================================
   REFINED SURFACE ELEVATION SYSTEM
   Replaces heavy outer drop-shadows + harsh cyan hover glows across the site
   with a calm, premium-enterprise treatment:

     Default  · flat & elegant — subtle border, no heavy shadow
     Hover    · subtle lift (translateY −5px), brighter surface,
                soft blue border accent, very soft ambient shadow tucked
                directly under the card (never bleeds outside the layout)
     Motion   · ~300ms ease-out on every state change

   Loaded LAST on every page so it wins on load order.
   ========================================================================= */

/* ---- Refined elevation scale ------------------------------------------- */
/* Lift levels use a NEGATIVE spread so the ambient shadow stays pulled in
   under the card and never extends noticeably beyond its boundary.        */
:root,[data-theme="light"]{
  --elev-1:0 1px 2px rgba(10,49,112,.05);
  --elev-2:0 2px 8px rgba(10,49,112,.06);
  --elev-3:0 14px 30px -14px rgba(10,49,112,.14);
  --elev-4:0 20px 44px -20px rgba(10,49,112,.18);

  --elev-lift:0 16px 38px -18px rgba(10,49,112,.16);
  --surface-accent:color-mix(in srgb,var(--sapphire) 30%,transparent);
  --surface-hover-bg:rgba(255,255,255,.82);
  --surface-hi-hover:inset 0 1px 0 rgba(255,255,255,.85);
}
[data-theme="dark"]{
  --elev-1:0 1px 2px rgba(2,8,20,.30);
  --elev-2:0 2px 8px rgba(2,8,20,.32);
  --elev-3:0 14px 30px -14px rgba(2,8,20,.50);
  --elev-4:0 20px 44px -20px rgba(2,8,20,.55);

  --elev-lift:0 16px 38px -18px rgba(2,8,20,.55);
  --surface-accent:color-mix(in srgb,var(--sky) 34%,transparent);
  --surface-hover-bg:rgba(22,42,80,.60);
  --surface-hi-hover:inset 0 1px 0 rgba(255,255,255,.14);
}

/* ---- Interactive block cards ------------------------------------------ */
/* Base: smooth, comprehensive transition + calm resting elevation.        */
.svc-card,
.proj-card,
.news-card,
.commit-card,
.mission-card,
.value-card,
.team-card,
.why-card,
.person-card,
.job-card,
.join-card,
.eco-card,
.mp-card,
.tm-card,
.news-hero-feature,
.fi-card,
.story-card,
.topic-card{
  transition:transform .3s var(--ease),
             box-shadow .3s var(--ease),
             border-color .3s var(--ease),
             background-color .3s var(--ease) !important;
  box-shadow:var(--glass-hi) !important;   /* flat — inner highlight only, no drop shadow */
}

/* Hover: subtle lift, brighter surface, soft blue border, soft ambient
   shadow tucked under — no oversized shadow, no cyan glow ring.           */
.svc-card:hover,
.proj-card:hover,
.news-card:hover,
.commit-card:hover,
.mission-card:hover,
.value-card:hover,
.team-card:hover,
.why-card:hover,
.person-card:hover,
.job-card:hover,
.join-card:hover,
.eco-card:hover,
.mp-card:hover,
.tm-card:hover,
.news-hero-feature:hover,
.fi-card:hover,
.story-card:hover,
.topic-card:hover{
  transform:translateY(-5px) !important;
  border-color:var(--surface-accent) !important;
  background-color:var(--surface-hover-bg);
  box-shadow:var(--surface-hi-hover) !important;   /* no drop shadow — stays flat */
}

/* ---- List-row cards (horizontal reveal pattern) ----------------------- */
/* Keep their signature horizontal nudge, but with the same refined
   border accent + soft ambient shadow rather than a hard shadow.          */
.role-card,
.j-card{
  transition:transform .3s var(--ease),
             box-shadow .3s var(--ease),
             border-color .3s var(--ease),
             background-color .3s var(--ease) !important;
  box-shadow:var(--glass-hi) !important;
}
.role-card:hover,
.j-card:hover{
  transform:translateX(5px) !important;
  border-color:var(--surface-accent) !important;
  background-color:var(--surface-hover-bg);
  box-shadow:var(--surface-hi-hover) !important;
}

/* ---- Tone down decorative cyan wash overlays on hover ----------------- */
/* These ::before radial washes were part of the old "dramatic" look;
   keep a whisper of surface warmth instead of a bright cyan flare.        */
.svc-card:hover::before,
.why-card:hover::before,
.eco-card:hover::before,
.value-card:hover::before,
.job-card:hover::before,
.join-card:hover::before,
.topic-card:hover::before,
.fi-card:hover::before{
  opacity:.4 !important;
}

/* ---- Respect reduced-motion: keep the color/shadow feedback, drop the lift/nudge movement --- */
@media (prefers-reduced-motion:reduce){
  .svc-card:hover,
  .proj-card:hover,
  .news-card:hover,
  .commit-card:hover,
  .mission-card:hover,
  .value-card:hover,
  .team-card:hover,
  .why-card:hover,
  .person-card:hover,
  .job-card:hover,
  .join-card:hover,
  .eco-card:hover,
  .mp-card:hover,
  .tm-card:hover,
  .news-hero-feature:hover,
  .fi-card:hover,
  .story-card:hover,
  .topic-card:hover,
  .role-card:hover,
  .j-card:hover{
    transform:none !important;
  }
}