/* Remove lhamas */
section.image, section.image *, .fancy-image,
img[src*="llama"], img[src*="vikunja"],
[class*="llama"], .llama { display: none !important; }

/* Remove texto Vikunja */
.api-url-info, .api-config, .menu-bottom-link, a[href*="vikunja.io"] { display: none !important; }

/* Fonte moderna igual ChatGPT */
* {
  font-family: "Söhne", ui-sans-serif, system-ui, -apple-system, sans-serif !important;
  color: #ececec !important;
}

/* Fundo principal - cinza médio */
body, #app, main, .app-content, .app-content-home {
  background-color: #212121 !important;
}

/* Menu lateral - mais escuro */
.no-auth-wrapper { background-color: #171717 !important; background-image: none !important; }
.menu-container, aside.menu-container {
  background: #171717 !important;
  background-color: #171717 !important;
}

/* Navbar topo */
header, .navbar {
  background-color: #171717 !important;
  border-bottom: 1px solid #2a2a2a !important;
}

/* Item selecionado no menu */
.router-link-exact-active, .router-link-active, .menu-list a.is-active {
  background-color: #2a2a2a !important;
  color: #ececec !important;
  border-radius: 6px !important;
}

/* Hover no menu */
.menu-list a:hover {
  background-color: #2a2a2a !important;
  border-radius: 6px !important;
}

/* Links */
a, a:hover, a:visited { color: #888 !important; }

/* Botões */
.button.is-primary, button.is-primary, .is-primary {
  background-color: #2a2a2a !important;
  border-color: #444 !important;
  color: #ececec !important;
  border-radius: 6px !important;
}

/* Cards e caixas */
.card, .box, .noauth-container {
  background-color: #2a2a2a !important;
  border: 1px solid #333 !important;
  border-radius: 10px !important;
}

/* Variáveis */
:root {
  --site-background: #171717 !important;
  --primary: #2a2a2a !important;
  --link: #888 !important;
}