/* Softverno dark theme — overrides Tailwind utility classes when html.dark */

html.dark {
  color-scheme: dark;
}

html.dark body,
html.dark .bg-white,
html.dark .min-h-screen.bg-white {
  background-color: #0a0a0a !important;
  color: #e2e8f0;
}

html.dark .bg-white\/80,
html.dark .bg-white\/95 {
  background-color: rgba(10, 10, 10, 0.82) !important;
}

html.dark .bg-slate-50,
html.dark .bg-slate-100,
html.dark .from-slate-50,
html.dark .via-white,
html.dark .to-emerald-50 {
  --tw-gradient-from: #0f1412 !important;
  --tw-gradient-to: #0a0a0a !important;
  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to) !important;
  background-color: #111827 !important;
}

html.dark .bg-gradient-to-br.from-slate-50,
html.dark .absolute.inset-0.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, #0f1412, #0a0a0a, #0c1a14) !important;
}

html.dark .bg-emerald-50,
html.dark .bg-emerald-100 {
  background-color: rgba(16, 185, 129, 0.15) !important;
}

html.dark .text-slate-900,
html.dark .text-gray-900 {
  color: #f8fafc !important;
}

html.dark .text-slate-800,
html.dark .text-gray-800 {
  color: #e2e8f0 !important;
}

html.dark .text-slate-700,
html.dark .text-gray-700 {
  color: #cbd5e1 !important;
}

html.dark .text-slate-600,
html.dark .text-gray-600 {
  color: #94a3b8 !important;
}

html.dark .text-slate-500,
html.dark .text-gray-500 {
  color: #94a3b8 !important;
}

html.dark .text-emerald-600 {
  color: #34d399 !important;
}

html.dark .text-slate-400,
html.dark .text-gray-400 {
  color: #94a3b8 !important;
}

html.dark .text-slate-300,
html.dark .text-gray-300 {
  color: #cbd5e1 !important;
}

html.dark .border-slate-100,
html.dark .border-slate-200,
html.dark .border-gray-200,
html.dark .border-gray-300 {
  border-color: #475569 !important;
}

html.dark .border-slate-700,
html.dark .border-slate-800 {
  border-color: #475569 !important;
}

/* Footer: keep dark navy, high contrast text */
html.dark footer,
html.dark footer.bg-slate-900 {
  background-color: #020617 !important;
  color: #f8fafc !important;
}

html.dark footer h4,
html.dark footer .font-semibold {
  color: #f8fafc !important;
}

html.dark footer .text-slate-400,
html.dark footer .text-slate-500,
html.dark footer ul,
html.dark footer li,
html.dark footer a {
  color: #cbd5e1 !important;
}

html.dark footer a:hover,
html.dark footer .hover\:text-emerald-500:hover,
html.dark footer .group:hover .group-hover\:text-emerald-500 {
  color: #34d399 !important;
}

html.dark footer .border-slate-700,
html.dark footer .border-slate-800,
html.dark footer .border-t {
  border-color: #334155 !important;
}

html.dark footer .w-10.h-10.border {
  border-color: #64748b !important;
  color: #e2e8f0 !important;
}

html.dark footer .w-10.h-10.border:hover {
  border-color: #34d399 !important;
  color: #34d399 !important;
}

/* Cards / tech chips — visible edges on dark sections */
html.dark .bg-white.rounded-2xl,
html.dark .bg-white.rounded-xl,
html.dark .bg-white.rounded-lg,
html.dark a.bg-white,
html.dark .block.bg-white {
  background-color: #1e293b !important;
  border: 1px solid #475569 !important;
}

/* Technology cards: always show outline in dark mode */
html.dark .rounded-xl.p-4.bg-white,
html.dark .bg-white.rounded-xl.p-4 {
  background-color: #1e293b !important;
  border: 1px solid #64748b !important;
  box-shadow: none !important;
}

html.dark .bg-white.rounded-xl.p-4:hover,
html.dark .rounded-xl.p-4.bg-white:hover {
  border-color: #34d399 !important;
}

html.dark .bg-slate-50 {
  background-color: #0f172a !important;
}

html.dark .bg-slate-100 {
  background-color: #1e293b !important;
}

/* Contact section dark panel */
html.dark .bg-slate-900:not(footer):not(a):not(button) {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}

html.dark input,
html.dark textarea,
html.dark select {
  background-color: #111827 !important;
  border-color: #374151 !important;
  color: #f1f5f9 !important;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
  color: #64748b !important;
}

html.dark .shadow,
html.dark .shadow-md,
html.dark .shadow-lg,
html.dark .shadow-xl {
  --tw-shadow-color: rgba(0, 0, 0, 0.45);
}

html.dark ::-webkit-scrollbar-track {
  background: #111827;
}

html.dark ::-webkit-scrollbar-thumb {
  background: #374151;
}

/* Theme toggle visuals live in ui-buttons.css */

/* AI docs page (no Tailwind nav) */
html.dark body {
  background: #0a0a0a;
  color: #e2e8f0;
}

html.dark .ai-summary,
html.dark .ai-cta {
  background: rgba(16, 185, 129, 0.12) !important;
  border-left-color: #34d399 !important;
}

html.dark code {
  background: #1f2937 !important;
  color: #e2e8f0;
}