
/* =========================================================
   ACADEMIC PALETTE v103
   Calm, warm light theme + deep neutral dark theme.
   Separates text tokens from background/surface tokens.
   ========================================================= */

/* ---------- Global palette ---------- */
html[data-theme="light"]{
  --bg:#f6f7f4;
  --surface:#fffdfa;
  --surface2:#eef2ef;
  --text:#1b2d31;
  --muted:#617174;
  --line:#d8dfdc;
  --primary:#176f69;
  --primary2:#173249;
  --accent:#c98925;
  --shadow:0 16px 42px rgba(23,50,73,.08);

  --academic-band:#173448;
  --academic-band-2:#203d4e;
  --academic-band-text:#f6faf8;
  --academic-band-muted:#cbd7d8;
  --academic-band-line:rgba(255,255,255,.18);

  --card-soft:#fbfcf9;
  --card-tint:#f0f3ef;
  --card-hover:#f7f9f5;
}

html[data-theme="dark"]{
  --bg:#081519;
  --surface:#0e2025;
  --surface2:#132a2f;
  --text:#e7efee;
  --muted:#a6b6b4;
  --line:#294247;
  --primary:#61c7bd;
  --primary2:#deecea;
  --accent:#dda84a;
  --shadow:0 16px 44px rgba(0,0,0,.27);

  --academic-band:#0a1a22;
  --academic-band-2:#102832;
  --academic-band-text:#edf4f2;
  --academic-band-muted:#afc0c0;
  --academic-band-line:rgba(214,231,230,.15);

  --card-soft:#102328;
  --card-tint:#142c31;
  --card-hover:#163137;
}

/* ---------- Page canvas ---------- */
html[data-theme="light"] body{
  background-color:var(--bg)!important;
  background-image:
    linear-gradient(rgba(23,111,105,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,111,105,.014) 1px,transparent 1px)!important;
}
html[data-theme="dark"] body{
  background-color:var(--bg)!important;
  background-image:
    linear-gradient(rgba(97,199,189,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(97,199,189,.012) 1px,transparent 1px)!important;
}

/* ---------- Header ---------- */
.site-header{
  border-bottom-color:var(--line)!important;
}
html[data-theme="light"] .site-header{
  background:color-mix(in srgb,#fffdfa 92%,transparent)!important;
  box-shadow:0 5px 18px rgba(23,50,73,.045)!important;
}
html[data-theme="dark"] .site-header{
  background:color-mix(in srgb,#081519 92%,transparent)!important;
  box-shadow:0 5px 20px rgba(0,0,0,.18)!important;
}

/* ---------- Generic cards and panels ---------- */
.card,
.project-card,
.profile-card,
.contact-card,
.snapshot-card,
.theme-card,
.home-column,
.publication-preview article,
.pub-summary,
.case-metric,
.media-note,
.story-chapter,
.story-map-shell,
.story-record-cell,
.credential-card,
.credential-record,
.education-degree-card,
.tc-record,
.tc-summary-card,
.automation-project-detail{
  background:var(--surface)!important;
  border-color:var(--line)!important;
}

.section.alt,
html[data-theme="light"] .field-evidence-section,
html[data-theme="light"] .credential-record-section{
  background:var(--surface2)!important;
}

html[data-theme="dark"] .section.alt,
html[data-theme="dark"] .field-evidence-section,
html[data-theme="dark"] .credential-record-section{
  background:color-mix(in srgb,var(--surface2) 68%,var(--bg))!important;
}

.tags span,
.pill,
.snapshot-card,
.outcomes div,
.automation-project-tags span,
.tc-summary-meta span{
  background:var(--card-tint)!important;
  border-color:var(--line)!important;
}

/* Subtle hover: no bright flash in dark mode. */
.card:hover,
.project-card:hover,
.story-chapter:hover,
.credential-card:hover{
  border-color:color-mix(in srgb,var(--primary) 35%,var(--line))!important;
}

/* ---------- HOME: own surface tokens ---------- */
html[data-theme="light"]{
  --ha-navy:#173249;
  --ha-ink:#243a47;
  --ha-cream:#f5f2ea;
  --ha-paper:#fffdf8;
  --ha-gold:#a96f18;
  --ha-line:#d9d2c7;
  --ha-muted:#65747b;
  --ha-teal:#477f80;
}
html[data-theme="dark"]{
  --ha-navy:#dceae8;
  --ha-ink:#e6efee;
  --ha-cream:#081519;
  --ha-paper:#0e2025;
  --ha-gold:#dda84a;
  --ha-line:#2c4448;
  --ha-muted:#a7b6b4;
  --ha-teal:#67bcb5;
}

/* Light home sections remain warm, not icy/cyan. */
html[data-theme="light"] .home-atlas-page{
  background:#f5f2ea!important;
}
html[data-theme="light"] .home-atlas-page .ha-hero{
  background:linear-gradient(125deg,#faf8f2 0%,#f3efe6 52%,#eee9df 100%)!important;
}
html[data-theme="light"] .home-atlas-page .ha-research-spread{
  background:#f8f5ef!important;
}
html[data-theme="light"] .home-atlas-page .ha-capability-atlas{
  background:#f1eee7!important;
}
html[data-theme="light"] .home-atlas-page .ha-academic-finale{
  background:#fbf9f5!important;
}

/* Dark home sections use deep neutral layers. */
html[data-theme="dark"] .home-atlas-page{
  background:var(--bg)!important;
}
html[data-theme="dark"] .home-atlas-page .ha-hero{
  background:linear-gradient(125deg,#09171c 0%,#0d2025 55%,#11262b 100%)!important;
}
html[data-theme="dark"] .home-atlas-page .ha-research-spread{
  background:#09181d!important;
}
html[data-theme="dark"] .home-atlas-page .ha-capability-atlas{
  background:#0b1d22!important;
}
html[data-theme="dark"] .home-atlas-page .ha-academic-finale{
  background:#0d2025!important;
}

/* ---------------------------------------------------------
   Publications band — FIXED.
   Never inherits the heading-text token as a background.
   --------------------------------------------------------- */
.home-atlas-page .ha-publication-band{
  background:
    radial-gradient(circle at 68% 20%,rgba(97,199,189,.10),transparent 31%),
    linear-gradient(120deg,var(--academic-band),var(--academic-band-2))!important;
  color:var(--academic-band-text)!important;
  border-top:1px solid var(--academic-band-line)!important;
  border-bottom:1px solid var(--academic-band-line)!important;
}

.home-atlas-page .ha-publication-copy h2,
.home-atlas-page .ha-publication-copy a,
.home-atlas-page .ha-pub-numbers strong{
  color:var(--academic-band-text)!important;
}

.home-atlas-page .ha-publication-copy p,
.home-atlas-page .ha-pub-numbers span{
  color:var(--academic-band-muted)!important;
}

.home-atlas-page .ha-publication-copy a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding-bottom:2px;
  border-bottom:1px solid color-mix(in srgb,var(--academic-band-text) 42%,transparent);
}

.home-atlas-page .ha-publication-copy a:hover{
  border-bottom-color:var(--accent);
}

.home-atlas-page .ha-pub-numbers div{
  border-top-color:var(--academic-band-line)!important;
}

.home-atlas-page .ha-pub-numbers strong{
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}

.home-atlas-page .ha-cover-stack a{
  background:#fff;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 17px 36px rgba(0,0,0,.28)!important;
}

/* Publication covers retain original image colour. */
.home-atlas-page .ha-cover-stack img{
  filter:none!important;
}

/* ---------- Home cards ---------- */
html[data-theme="light"] .home-atlas-page .ha-result-dials div,
html[data-theme="light"] .home-atlas-page .ha-summary-card,
html[data-theme="light"] .home-atlas-page .ha-work-card,
html[data-theme="light"] .home-atlas-page .ha-education-card,
html[data-theme="light"] .home-atlas-page .ha-certificate-grid>a{
  background:#fffdf9!important;
  border-color:#ddd7cd!important;
}

html[data-theme="dark"] .home-atlas-page .ha-result-dials div,
html[data-theme="dark"] .home-atlas-page .ha-summary-card,
html[data-theme="dark"] .home-atlas-page .ha-work-card,
html[data-theme="dark"] .home-atlas-page .ha-education-card,
html[data-theme="dark"] .home-atlas-page .ha-certificate-grid>a{
  background:#102429!important;
  border-color:#2b4448!important;
}

html[data-theme="dark"] .home-atlas-page .ha-result-dials div{
  color:var(--text)!important;
}

/* ---------- Research StoryMap ---------- */
html[data-theme="light"] body.story-page .story-map-shell,
html[data-theme="light"] body.story-page .story-chapter{
  background:#fffdfa!important;
  border-color:#d9dfdc!important;
}

html[data-theme="dark"] body.story-page .story-map-shell,
html[data-theme="dark"] body.story-page .story-chapter{
  background:#0f2227!important;
  border-color:#294247!important;
}

html[data-theme="dark"] body.story-page .story-chapter.is-active{
  background:#11272c!important;
}

/* ---------- UAV workflow ---------- */
html[data-theme="light"] .uav-field-page .workflow-card,
html[data-theme="light"] .uav-field-page .platform-reference-card,
html[data-theme="light"] .uav-field-page .evidence-record{
  background:#fffdfa!important;
  border-color:#d9dfdc!important;
}

html[data-theme="dark"] .uav-field-page .workflow-card,
html[data-theme="dark"] .uav-field-page .platform-reference-card,
html[data-theme="dark"] .uav-field-page .evidence-record{
  background:#102328!important;
  border-color:#294247!important;
}

html[data-theme="light"] .uav-field-page .workflow-card figcaption{
  background:#f7f8f5!important;
}

html[data-theme="dark"] .uav-field-page .workflow-card figcaption{
  background:#142c31!important;
}

/* ---------- GIS Automation ---------- */
html[data-theme="light"] .automation-compact-page .automation-project-detail,
html[data-theme="light"] .automation-compact-page .automation-project-tab.active{
  background:#fffdfa!important;
}
html[data-theme="dark"] .automation-compact-page .automation-project-detail,
html[data-theme="dark"] .automation-compact-page .automation-project-tab.active{
  background:#102328!important;
}

/* ---------- Education / Teaching / Credentials / Contact ---------- */
html[data-theme="light"] .simple-education-page .education-degree-card,
html[data-theme="light"] .teaching-capacity-page .tc-record,
html[data-theme="light"] .credential-page .credential-record,
html[data-theme="light"] .compact-contact-page .professor-contact-details{
  background:#fffdfa!important;
}

html[data-theme="dark"] .simple-education-page .education-degree-card,
html[data-theme="dark"] .teaching-capacity-page .tc-record,
html[data-theme="dark"] .credential-page .credential-record,
html[data-theme="dark"] .compact-contact-page .professor-contact-details{
  background:#102328!important;
}

/* ---------- Footer ---------- */
html[data-theme="light"] .site-footer{
  background:#f3f4f0!important;
  border-top-color:#d8dfdc!important;
}
html[data-theme="dark"] .site-footer{
  background:#0b1c21!important;
  border-top-color:#294247!important;
}

/* ---------- Back-to-top ---------- */
html[data-theme="light"] .back-to-top{
  background:rgba(255,253,250,.96)!important;
  border-color:#d6ddda!important;
  box-shadow:0 5px 18px rgba(23,50,73,.10)!important;
}
html[data-theme="dark"] .back-to-top{
  background:rgba(15,34,39,.96)!important;
  border-color:#30494d!important;
  box-shadow:0 7px 22px rgba(0,0,0,.30)!important;
}

/* ---------- Natural media ---------- */
img,
video{
  filter:none!important;
}

/* ---------- Mobile keeps same palette, no pale publication band ---------- */
@media(max-width:700px){
  .home-atlas-page .ha-publication-band{
    background:linear-gradient(145deg,var(--academic-band),var(--academic-band-2))!important;
  }
}
