:root {
  --page-bg: #f7f8fc;
  --text-primary: #1b2130;
  --text-muted: #6e7380;
  --accent: #4c68aa;
  --accent-strong: #2f4fa3;
  --card-text: #1b2130;
  --card-muted: #525a6f;
  --card-gradient: linear-gradient(110deg, #3c4151 0%, #2f3341 45%, #252833 100%);
  --card-border: rgba(255, 255, 255, 0.08);
  --card-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
  --timeline-line: #d0d4e1;
  --timeline-dot: #9ea4b8;
  --timeline-dot-ring: rgba(102, 109, 132, 0.35);
  --meta-pill-bg: rgba(110, 116, 132, 0.18);
  --meta-pill-border: rgba(110, 116, 132, 0.32);
  --summary-border: #dfe3ef;
  --summary-bg: transparent;
  /* Bootstrap variable bridge */
  --bs-body-bg: var(--page-bg);
  --bs-body-color: var(--text-primary);
  --bs-heading-color: var(--text-primary);
  --bs-link-color: var(--accent);
  --bs-link-hover-color: var(--accent-strong);
  --bs-link-decoration: none;
  --bs-link-hover-decoration: underline;
  --bs-border-color: var(--summary-border);
  --bs-navbar-color: var(--text-muted);
  --bs-navbar-hover-color: var(--accent-strong);
  --bs-navbar-brand-color: var(--accent-strong);
  --bs-navbar-brand-hover-color: var(--accent);
}

.theme-dark {
  --page-bg: #0f121a;
  --text-primary: #e5e8f1;
  --text-muted: #b9bdcb;
  --accent: #8cb6ff;
  --accent-strong: #b7d2ff;
  --card-text: #ffffff;
  --card-muted: #dce3f9;
  --card-gradient: linear-gradient(120deg, #191d2a 0%, #141824 55%, #0f121a 100%);
  --card-border: rgba(255, 255, 255, 0.08);
  --card-shadow: 0 18px 40px rgba(0, 0, 0, 0.38);
  --timeline-line: #3b4258;
  --timeline-dot: #c7ccdc;
  --timeline-dot-ring: rgba(99, 118, 160, 0.4);
  --meta-pill-bg: rgba(120, 134, 164, 0.26);
  --meta-pill-border: rgba(120, 134, 164, 0.44);
  --summary-border: #2d3240;
  --summary-bg: rgba(255, 255, 255, 0.02);
  /* Bootstrap variable bridge */
  --bs-body-bg: var(--page-bg);
  --bs-body-color: var(--text-primary);
  --bs-heading-color: var(--text-primary);
  --bs-link-color: var(--accent);
  --bs-link-hover-color: var(--accent-strong);
  --bs-link-decoration: none;
  --bs-link-hover-decoration: underline;
  --bs-border-color: var(--summary-border);
  --bs-navbar-color: var(--text-muted);
  --bs-navbar-hover-color: var(--accent-strong);
  --bs-navbar-brand-color: var(--accent-strong);
  --bs-navbar-brand-hover-color: var(--accent);
}

.project-type::before {
  content: "(";
}
.project-type::after {
  content: ")";
}

.project-involved {
  color: var(--text-muted);
  font-style: italic;
  font-size: 0.9rem;
}
.project-involved .project-pi::after {
  content: " (PI)";
}

/*# sourceMappingURL=projects.css.map */