/* Tema scuro per le pagine progetto singolo (progetti/*).
   I componenti project-*.css sono scritti per il tema chiaro (colori
   hardcoded rgba(13,13,13,...) / var(--color-text-dark)): qui li
   ribaltiamo sul tema scuro. Header e footer restano quelli scuri di
   default (nessuna classe project-page su queste pagine). */

.project-hero-lead {
  color: var(--color-text);
}

.project-hero-info-item {
  color: var(--color-text);
}

.project-section-eyebrow {
  color: var(--color-text);
}

.project-sidebar {
  background-color: rgba(183, 63, 252, 0.12);
  border-color: rgba(183, 63, 252, 0.35);
}

.project-sidebar-label {
  color: var(--color-accent);
}

.project-sidebar-value {
  color: var(--color-text);
}

.project-overview-title,
.project-solution-title,
.project-solution-claim {
  color: var(--color-text);
}

.project-overview-p,
.project-overview-p-muted {
  color: var(--color-text);
}

.project-preview-caption-text {
  color: var(--color-text);
}

.project-preview-tag {
  border-color: rgba(255, 255, 255, 0.15);
}

.project-result-card {
  background-color: var(--color-surface);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.project-result-body h3 {
  color: var(--color-text);
}

.project-result-body p {
  color: var(--color-text);
}

.project-gallery-caption {
  color: var(--color-text);
}

.project-solution-p {
  color: var(--color-text);
}

.project-solution-tags-label {
  color: var(--color-text);
}

.project-tag {
  color: var(--color-accent-light);
}

.project-outcome-quote {
  color: var(--color-text);
}