/* Portfolios Page: scoped dark styling to match homepage aesthetic */
.page-portfolio {
  background-color: var(--color-bg);
}

.page-portfolio main {
  background-color: var(--color-bg);
  color: var(--color-white);
}

/* Remove light card containers only on portfolios */
.page-portfolio main section {
  background: transparent;
  border: none;
  border-radius: 0;
}

/* Titles white, descriptions near-white via rgba */
.page-portfolio h1,
.page-portfolio h2 {
  color: var(--color-white);
}
.page-portfolio p {
  color: rgba(255, 255, 255, 0.75);
}

/* Subtle dividers using brand cyan alpha */
.page-portfolio .project-entry {
  border-bottom: 1px solid rgba(0, 128, 128, 0.35);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.page-portfolio .project-entry:last-child {
  border-bottom: none;
}

/* Status badges: palette compliance */
.page-portfolio .status-badge.status-planned {
  background-color: var(--color-cyan);
  color: var(--color-white);
}
.page-portfolio .status-badge.status-live {
  background-color: var(--color-gold);
  color: var(--color-black);
}
/* If progress appears, keep cyan style */
.page-portfolio .status-badge.status-progress {
  background-color: var(--color-cyan);
  color: var(--color-white);
}