/* ===========================================================
   Light variant — palette lifted from dual-band-thermal.github.io's
   actual CSS custom properties (soft blue-gradient "lab paper" look),
   reusing the base stylesheet's structure via @import.
   =========================================================== */
@import url("style.css");

:root {
  --bg: #eef1fb;
  --bg-raised: rgba(255, 255, 255, 0.88);
  --bg-panel: rgba(255, 255, 255, 0.82);
  --border: #dfe4f7;
  --text: #1f2a44;
  --text-dim: #4b587c;
  --text-faint: #8791ac;
  --accent: #4d6cff;
  --accent-dim: #3a54d1;
  --accent-rgb: 77, 108, 255;
  --accent-soft: #e8edff;
  --ours: #1f9d55;
  --ours-rgb: 31, 157, 85;
  --shadow-soft: 0 2px 10px rgba(43, 62, 148, 0.06);
  --shadow-deep: 0 20px 40px rgba(43, 62, 148, 0.14);
  --font-serif: 'DM Serif Display', Georgia, serif;
}

body::before { opacity: 0.35; }

body {
  background: linear-gradient(180deg, #e7efff 0%, #ede9ff 45%, #f6f8ff 100%) fixed;
}

a:hover { color: #6f89ff; }

.side-index {
  backdrop-filter: blur(8px);
  box-shadow: 1px 0 0 var(--border);
}

.hero-section, .section-block { border-bottom-color: var(--border); }

.title-main {
  font-weight: 400;
  letter-spacing: 0;
}

.hero-link, .ctrl-btn, .sample-btn, .nav-arrow, .copy-bibtex-btn {
  box-shadow: 0 2px 10px rgba(43, 62, 148, 0.06);
}

.video-cell {
  border: 1px solid #fff;
  box-shadow: 0 10px 30px rgba(43, 62, 148, 0.12);
}
.video-cell.is-ours { border-color: var(--ours); }

.sample-btn.is-active { color: #fff; }
.sample-btn.is-active.is-loaded::after { background: #fff; }

.missing-note i { color: var(--accent-dim); }

.bibtex-block, .sample-prompt { box-shadow: 0 2px 10px rgba(43, 62, 148, 0.06); }