/* 主题层：不改图片素材，仅覆盖背景与文字色 */
:root,
:root[data-theme='light'] {
  --se-bg: #e9eef5;
  --se-text: #4b4b4b;
  --se-card-bg: rgba(255, 255, 255, 0.9);
  --se-card-border: #d5d9e0;
  --se-toolbar-bg: rgba(255, 255, 255, 0.92);
  --se-toolbar-border: #cfd6e2;
  --se-input-bg: #f0eff4;
  --se-input-text: #4b4b4b;
  --se-input-placeholder: #8b93a2;
  --se-shadow: 0 6px 20px rgba(30, 45, 70, 0.2);
}

:root[data-theme='dark'] {
  --se-bg: #131f24;
  --se-text: #d2d7df;
  --se-card-bg: rgba(33, 40, 52, 0.86);
  --se-card-border: #3a4456;
  --se-toolbar-bg: rgba(30, 38, 50, 0.9);
  --se-toolbar-border: #435068;
  --se-input-bg: rgba(21, 27, 37, 0.75);
  --se-input-text: #d7dce3;
  --se-input-placeholder: #95a0b1;
  --se-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

html, body, #page-body {
  background: var(--se-bg) !important;
  color: var(--se-text);
}

body,
body * {
  color: var(--se-text);
}

/* 保留素材图，仅淡化深蓝底色影响 */
canvas#stageCanvas {
  filter: saturate(0.92) brightness(1.02);
}

#tools-div {
  background-color: var(--se-toolbar-bg) !important;
  border-color: var(--se-toolbar-border) !important;
  box-shadow: var(--se-shadow);
}

#tools-div .tool-search .input,
#tools-div .tool-search .input:focus {
  color: var(--se-input-text) !important;
  background-color: var(--se-input-bg) !important;
}

#tools-div .tool-search .input::placeholder {
  color: var(--se-input-placeholder) !important;
}

.form,
.rectPanel,
.cloud-card,
#msgbox-div .msgbox,
#dialog-div .form {
  color: var(--se-text) !important;
}

.form .input,
input.input,
textarea.input,
select.input,
.button,
label,
span,
p,
li,
a {
  color: var(--se-text) !important;
}

/* 亮色模式下系统输入框背景统一为 #F0EFF4 */
:root[data-theme='light'] .form .input,
:root[data-theme='light'] input.input,
:root[data-theme='light'] textarea.input,
:root[data-theme='light'] select.input {
  background-color: #f0eff4 !important;
}

.button.primary,
.button.f-third,
.button.warning {
  color: #ffffff !important;
}