/* Brand skin for miniPaint — align with 简星工具箱 tokens */
:root,
body.theme-dark {
  --link-color: #7ec8e8;
  --button-background-color-hover: #1a9fd9;
  --button-background-color-active: #1489bc;
  --button-text-color-active: #e8f6fc;
  --background-color-active: #1a9fd9;
  --background-color-hover: #1489bc;
  --text-color-active: #e8f6fc;
  --text-color-green: #7ec8e8;
  --menu-dropdown-hover-background-color: rgba(26, 159, 217, 0.35);
  --input-border-color-active: #1a9fd9;
}

body.theme-light {
  --background: #eef6fb;
  --text-color: #1c2f3a;
  --text-color-muted: #5a7380;
  --link-color: #1489bc;
  --section-background-color: #ffffff;
  --area-background-color: #e4eef5;
  --block-background-color: #ffffff;
  --header-background-color: #e4eef5;
  --button-background-color: #ffffff;
  --button-background-color-hover: #e3f2fa;
  --button-background-color-active: #d4ebf6;
  --button-text-color-active: #0f6f9c;
  --button-toggle-background-color: #d4ebf6;
  --button-toggle-background-color-hover: #c5e3f2;
  --input-border-color-active: #1a9fd9;
  --menu-background-color: #ffffff;
  --menu-text-color: #1c2f3a;
  --menu-dropdown-hover-background-color: #d4ebf6;
  --menu-dropdown-border-color: #7ec8e8;
  /* Selected tools: soft sky wash, not solid navy/brand fill */
  --background-color-active: #cfeaf6;
  --background-color-hover: #e3f2fa;
  --text-color-active: #0f6f9c;
  --border-color: rgba(28, 47, 58, 0.14);
  --scrollbar-track-color: #eef6fb;
  --scrollbar-thumb-color: #8aa0ad;
}

/* Former "green" theme remapped to brand deep blue */
body.theme-green {
  --background: #0c2433;
  --text-color: #e8f6fc;
  --text-color-muted: #8aa0ad;
  --link-color: #7ec8e8;
  --section-background-color: #143246;
  --area-background-color: #1a3d52;
  --block-background-color: #1a3d52;
  --header-background-color: #143246;
  --button-background-color: #1a3d52;
  --button-background-color-hover: #1a9fd9;
  --button-background-color-active: #1489bc;
  --button-text-color-active: #ffffff;
  --button-toggle-background-color: #1489bc;
  --button-toggle-background-color-hover: #1a9fd9;
  --menu-background-color: #143246;
  --menu-text-color: #e8f6fc;
  --background-color-active: #1a9fd9;
  --background-color-hover: #1a9fd9;
  --text-color-active: #ffffff;
  --border-color: rgba(126, 200, 232, 0.25);
  --scrollbar-track-color: #0c2433;
  --scrollbar-thumb-color: #5a7380;
  --mobile-menu-toggle-filter: invert(1);
}

a.logo {
  color: #1a9fd9 !important;
  font-weight: 700;
  width: auto !important;
  min-width: 140px !important;
  max-width: none !important;
  height: 30px !important;
  line-height: 20px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  flex-shrink: 0;
  padding-right: 10px !important;
}

a.logo::after {
  background-image: url("/favicon.svg") !important;
  background-size: 22px 22px !important;
  filter: none !important;
}

.about-logo {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain;
}