.app-logo {
    max-height: 200px;
}

/* Modalità dark (rispetta tema auto + dark del browser) */
@media (prefers-color-scheme: dark) {
    .app-logo {
        content: url("/assets/img/logo-dark.png");
    }
}

/* Se vuoi forzare in base al data-theme di Gitea (>= 1.22) */
html[data-theme="gitea-dark"] .app-logo,
html[data-theme="arc-green"] .app-logo {
    content: url("/assets/img/logo-dark.png");
}

html[data-theme="gitea-light"],
html[data-theme="gitea"] .app-logo {
    content: url("/assets/img/logo-light.png");
}

.projects-grid {
  margin-top: 2em;
}

.project-card {
  height: 200px;
  transition: transform 0.2s;
}

.project-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

@media (prefers-color-scheme: dark) {
  .project-card {
    background: #2d3748;
    color: white;
  }
}