/* Legacy tool/guide polish — header lives in kc-chrome.css */
:root {
  --kc-ink: #07080c;
  --kc-signal: #b8ff78;
  --kc-signal-dim: #7fbf4a;
  --kc-text: #eef2f7;
  --kc-muted: #8b93a7;
  --kc-glow: rgb(184 255 120 / 18%);
  --kc-panel: rgb(18 22 34 / 78%);
  --kc-line: rgb(184 255 120 / 18%);
}

/* Remove ALL per-page / legacy theme switches — one skin only */
.theme-toggle,
.theme-btn,
#themeToggle,
#theme-toggle,
#theme-icon,
#themeBtn,
#theme-btn,
#lightBtn,
#darkBtn,
.theme-switch,
.dark-mode-toggle,
.light-dark-toggle,
[data-kc-theme-toggle],
.kc-theme-btn,
button[aria-label*="切换主题"],
button[aria-label*="主题切换"],
button[aria-label="Toggle theme"],
button[aria-label="Toggle dark mode"],
button[title*="切换主题"],
button[onclick*="toggleTheme"] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

/* ---- Control polish (scoped, non-destructive) ---- */
body:has(.kc-header) h1 {
  letter-spacing: -0.03em;
}

body:has(.kc-header) textarea,
body:has(.kc-header) input[type="text"],
body:has(.kc-header) input[type="search"],
body:has(.kc-header) input[type="number"],
body:has(.kc-header) input[type="url"],
body:has(.kc-header) input[type="email"],
body:has(.kc-header) input[type="password"],
body:has(.kc-header) select {
  border-color: var(--kc-line) !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body:has(.kc-header) textarea:focus,
body:has(.kc-header) input[type="text"]:focus,
body:has(.kc-header) input[type="search"]:focus,
body:has(.kc-header) input[type="number"]:focus,
body:has(.kc-header) input[type="url"]:focus,
body:has(.kc-header) input[type="email"]:focus,
body:has(.kc-header) input[type="password"]:focus,
body:has(.kc-header) select:focus {
  outline: none !important;
  border-color: var(--kc-signal) !important;
  box-shadow: 0 0 0 3px var(--kc-glow) !important;
}

body:has(.kc-header) button,
body:has(.kc-header) .btn,
body:has(.kc-header) .button,
body:has(.kc-header) .action-btn {
  border-radius: 10px !important;
  transition: filter 0.15s ease, transform 0.1s ease, border-color 0.15s ease;
}

body:has(.kc-header) button:active,
body:has(.kc-header) .btn:active,
body:has(.kc-header) .action-btn:active {
  transform: translateY(1px);
}

body:has(.kc-header) button.primary,
body:has(.kc-header) .btn-primary,
body:has(.kc-header) .primary-btn,
body:has(.kc-header) .btn.primary,
body:has(.kc-header) .cta-btn,
body:has(.kc-header) .cta,
body:has(.kc-header) button.format-btn,
body:has(.kc-header) .action-btn.primary {
  color: #0a0b0f !important;
  background: var(--kc-signal) !important;
  border-color: transparent !important;
  font-weight: 600;
  padding: 0.55rem 1.15rem !important;
}

body:has(.kc-header) button.primary:hover,
body:has(.kc-header) .btn-primary:hover,
body:has(.kc-header) .cta-btn:hover,
body:has(.kc-header) .cta:hover {
  filter: brightness(1.06);
  color: #0a0b0f !important;
}

body:has(.kc-header) button[style*="background: var(--primary"],
body:has(.kc-header) .btn-accent {
  color: #0a0b0f !important;
}

body:has(.kc-header) .card,
body:has(.kc-header) .panel,
body:has(.kc-header) .tool-card,
body:has(.kc-header) .editor-container,
body:has(.kc-header) .workspace {
  border-color: var(--kc-line) !important;
}

body:has(.kc-header) .breadcrumb a {
  color: var(--kc-muted);
  text-decoration: none;
}

body:has(.kc-header) .breadcrumb a:hover {
  color: var(--kc-signal);
}

body:has(.kc-header) .guide-card a[href*="tools/"],
body:has(.kc-header) a.open-tool {
  color: var(--kc-signal) !important;
}

body:has(.kc-header) .tool-grid a:hover,
body:has(.kc-header) .tools-grid a:hover,
body:has(.kc-header) .card:hover {
  border-color: rgb(184 255 120 / 35%) !important;
}
