@import url("/assets/css/portfolio/heroSection.css");
@import url("/assets/css/portfolio/projectFilters.css");
@import url("/assets/css/homePage/featuredProjects.css");

[data-theme="dark"] .project {
  background: var(--col-surface-raised);
}

.no-projects {
  display: none;
  padding: var(--space-15) var(--space-6);
  text-align: center;
  color: var(--col-txt-muted);
  background: var(--col-surface);
  border: 1px solid var(--col-border-def);
  border-radius: var(--radius-lg);
}