/* ═══════════════════════════════════════════════════════════════
   Theme: Scientific Medical
   Palette: Ice White · Clinical Navy · Medical Blue
   Typefaces: Source Serif 4 (headings) · IBM Plex Sans (body)
   Loaded as an override layer on top of main.css
═══════════════════════════════════════════════════════════════ */

/* ─── Token overrides ───────────────────────────────────────── */
:root {
  --ivory:        #F0F7FA;
  --ivory-alt:    #E3EEF5;
  --white:        #FFFFFF;
  --charcoal:     #0F2233;
  --text-2:       #1B3A4F;
  --text-3:       #3A5A6E;
  --text-muted:   #6B8FA5;
  --accent:       #1E6EA4;
  --accent-light: #64A8D1;
  --accent-hover: #155A8A;
  --border:       #C0D8E8;
  --border-light: #DFF0F7;
  --font-serif:   'Source Serif 4', 'Georgia', serif;
  --font-sans:    'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ─── Body ──────────────────────────────────────────────────── */
body {
  background: var(--ivory);
  color: var(--charcoal);
}

/* ─── Navbar (hardcoded rgba override) ─────────────────────── */
.site-navbar {
  background: rgba(240, 247, 250, 0.96);
}

/* ─── Hero photo: show in color (no grayscale filter) ───────── */
.hero-photo {
  filter: grayscale(0%);
}
.hero-photo-wrapper:hover .hero-photo {
  filter: grayscale(0%);
}

/* ─── Awards dark strip: navy gradient ─────────────────────── */
.awards-section {
  background: radial-gradient(ellipse 80% 60% at 50% 0%, #1B3A4F 0%, #0F2233 100%);
}

/* ─── Page loader accent (SVG presentation-attr override) ──── */
.page-loader-arc circle:nth-child(2) {
  stroke: var(--accent);
}
.page-loader-icon svg circle:last-child {
  fill: var(--accent);
}

/* ─── Back-to-top: blue ring instead of bronze ─────────────── */
.back-to-top:hover {
  box-shadow: 0 6px 24px rgba(30, 110, 164, 0.28);
}
.back-to-top::after {
  border-color: rgba(30, 110, 164, 0.45);
}

/* ─── Credibility section background ───────────────────────── */
.credibility-section {
  background: var(--ivory-alt);
}

/* ─── Section backgrounds that were ivory ──────────────────── */
.bg-ivory, .section-bg-ivory {
  background: var(--ivory);
}

/* ─── Research cards: slight blue tint on hover ─────────────── */
.research-card:hover,
.pub-card:hover,
.presentation-card:hover {
  border-color: var(--accent-light);
}

/* ─── Timeline dots: blue ───────────────────────────────────── */
.timeline-dot {
  background: var(--accent);
  border-color: var(--accent-light);
}

/* ─── Footer gradient rule ──────────────────────────────────── */
.site-footer::before {
  background: linear-gradient(90deg,
    transparent 0%,
    var(--accent) 25%,
    var(--accent-light) 50%,
    var(--accent) 75%,
    transparent 100%);
}

/* ─── Active nav underline ──────────────────────────────────── */
.nav-link::after {
  background: var(--accent);
}

/* ─── Scroll-reveal: no opacity change for reduced motion ───── */
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; }
}