/* Tło – ciemniejsze, ale nie czarne (granat) */
body {
  background: linear-gradient(135deg, #1e1b4b 0%, #2d1b69 50%, #151030 100%) !important;
  color: #f0f4ff !important;  /* Jaśniejszy biały dla tekstu */
}

/* Logo – lepiej widzialne */
#header .logo img,
#header::before,
#ynh-logo img {
  filter: drop-shadow(0 4px 12px rgba(59, 130, 246, 0.5)) !important;
  mix-blend-mode: screen;
}

/* Główny tekst i nagłówki – wysoki kontrast */
h1, h2, h3, .app-name, .app-title,
#portal .app a,
.app-tile a {
  color: #f8fafc !important;
  text-shadow: 
    0 2px 8px rgba(0, 0, 0, 0.8),
    0 0 12px rgba(255, 255, 255, 0.3) !important;
  font-weight: 600 !important;
}

/* Kafelki – ciemniejsze glass */
#portal .app,
.app-tile {
  background: rgba(30, 27, 75, 0.7) !important;  /* Ciemniejsze glass */
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 
    0 12px 40px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#portal .app:hover,
.app-tile:hover {
  background: rgba(45, 27, 105, 0.9) !important;
  box-shadow: 
    0 25px 60px rgba(59, 130, 246, 0.6),
    0 0 0 1px rgba(59, 130, 246, 0.8);
  transform: translateY(-8px) scale(1.02);
}

/* Linki i nazwy aplikacji */
#portal .app-name,
#portal .app a {
  color: #e8f0fe !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) !important;
}