:root.dark {
  --color-bg:#12161d;
  --color-bg-alt:#1e242c;
  --color-bg-soft:#222c35;
  --color-text:#f4f6f9;
  --color-text-soft:#c1cbd6;
  --color-border:#323d48;
  --shadow:0 4px 18px rgba(0,0,0,0.55);
  --shadow-hover:0 8px 32px rgba(0,0,0,0.7);
}
:root.dark .achievement-card {
  background: linear-gradient(100deg,#1f262f 60%, #28313b 100%);
}
:root.dark .shimmer {
  background: linear-gradient(110deg,#2a3139 8%,#333d47 18%,#2a3139 33%);
}
:root.dark .iframe-load-btn {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.4);
}
/* === PATCH DARK PARA PROJECTOS === */
.project-card,
.project-card__body,
.project-card__media,
.project-card .carousel,
.project-card .carousel__slide {
  background: var(--color-surface) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}
.project-card__title {
  color: var(--color-primary) !important;
}
.project-card__desc {
  color: var(--color-text-soft) !important;
}
.carousel__btn {
  background: var(--color-surface) !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-border) !important;
}
.carousel__btn:hover,
.carousel__btn:focus-visible {
  background: var(--color-primary) !important;
  color: var(--color-primary-contrast) !important;
  border-color: var(--color-primary) !important;
}
.btn--outline {
  background: var(--color-btn-outline-bg) !important;
  color: var(--color-btn-outline-text) !important;
  border:1px solid var(--color-btn-outline-border) !important;
}
.btn--outline:hover,
.btn--outline:focus-visible {
  background: var(--color-primary) !important;
  color: var(--color-primary-contrast) !important;
  border-color: var(--color-primary) !important;
}