/* Webová vizitka (demo instalatér) – vlastní styly */
html {
  scroll-behavior: smooth;
}

body,
header,
footer,
.glass,
.bg-white,
.text-slate-900,
.text-slate-600,
.text-slate-700 {
  transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
}

.glass {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(239, 246, 255, 0.96));
  backdrop-filter: blur(18px);
}

body.dark-install {
  background-color: #020617 !important;
  color: #e5e7eb !important;
}
body.dark-install header {
  background-color: rgba(15, 23, 42, 0.96) !important;
  border-color: #1f2937 !important;
}
body.dark-install footer {
  background-color: #020617 !important;
  border-color: #1f2937 !important;
  color: #9ca3af !important;
}
body.dark-install .glass {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.96));
  color: #e5e7eb;
}
body.dark-install .bg-white {
  background-color: #0f172a !important;
  color: #e5e7eb;
  border-color: #334155 !important;
}
body.dark-install .text-slate-900 {
  color: #e5e7eb !important;
}
body.dark-install .text-slate-600,
body.dark-install .text-slate-700 {
  color: #cbd5f5 !important;
}
body.dark-install nav a {
  background-color: transparent !important;
  border-color: #4b5563 !important;
  color: #e5e7eb !important;
}
body.dark-install nav a:hover {
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}