:root {
  --satka-bg: #c0c0c0;
  --satka-surface: #dfdfdf;
  --satka-card-bg: #ece9d8;
  --satka-input-bg: #ffffff;
  --satka-border: #808080;
  --satka-text: #000000;
  --satka-text-strong: #000000;
  --satka-text-muted: #404040;
  --satka-accent: #000080;
  --satka-hover: rgba(0, 0, 128, 0.08);
  --satka-header-bg: #000080;
  --satka-nav-bg: #ece9d8;
}

html[data-satka-theme='dark'],
html.dark {
  --satka-bg: #1a1a1a;
  --satka-surface: #2a2a2a;
  --satka-card-bg: #333333;
  --satka-input-bg: #1f1f1f;
  --satka-border: rgba(255,255,255,.15);
  --satka-text: #f0f0f0;
  --satka-text-strong: #ffffff;
  --satka-text-muted: #aaaaaa;
  --satka-accent: #39ff14;
  --satka-hover: rgba(57,255,20,.08);
  --satka-header-bg: rgba(10,10,10,.95);
  --satka-nav-bg: rgba(20,20,20,.96);
}

html[data-satka-theme] body,
html[data-satka-theme] #root {
  background: var(--satka-bg) !important;
  color: var(--satka-text) !important;
  font-family: Tahoma, "MS Sans Serif", sans-serif !important;
}

html[data-satka-theme] #root header {
  background: var(--satka-header-bg) !important;
  border-bottom: 2px solid #000 !important;
  color: #fff !important;
}

html[data-satka-theme] #root nav {
  background: var(--satka-nav-bg) !important;
  border-top: 2px solid var(--satka-border) !important;
}

.oleg-win95-title {
  background: linear-gradient(90deg, #000080, #1084d0);
  color: #fff;
  padding: 4px 8px;
  font-weight: 700;
  font-size: 12px;
}