/* СадМонитор */
body {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.metric-value {
  font-variant-numeric: tabular-nums;
}

.modern-shadow {
  box-shadow:
    0 4px 6px -1px rgb(0 0 0 / 0.1),
    0 2px 4px -2px rgb(0 0 0 / 0.1);
}

#young-card.is-ok,
#mature-card.is-ok {
  border-color: #34d399;
  background-color: rgb(236 253 245 / 0.45);
}

#young-card.is-warn,
#mature-card.is-warn {
  border-color: #fbbf24;
  background-color: rgb(255 251 235 / 0.45);
}

/* Тёмная тема */
html.dark body {
  background-color: #0f172a;
  color: #e2e8f0;
}

html.dark .bg-white,
html.dark nav {
  background-color: #1e293b !important;
}

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

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

html.dark .text-slate-600 {
  color: #cbd5e1 !important;
}

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

html.dark .bg-emerald-50,
html.dark .compare-card-current {
  background-color: rgba(6, 78, 59, 0.35) !important;
}

html.dark #young-card.is-ok,
html.dark #mature-card.is-ok {
  background-color: rgba(6, 78, 59, 0.28);
  border-color: #34d399;
}

html.dark #young-card.is-warn,
html.dark #mature-card.is-warn {
  background-color: rgba(120, 53, 15, 0.28);
  border-color: #fbbf24;
}

html.dark .hover\:bg-slate-100:hover {
  background-color: #334155 !important;
}