:root {
  color-scheme: light !important;
  --bg-primary: #f8faf9 !important;
  --bg-secondary: #ffffff !important;
  --bg-tertiary: #f3f7f5 !important;
  --bg-hover: #e8f0ec !important;
  --bg-soft: #eef4f1 !important;
  --text-primary: #18251f !important;
  --text-secondary: #56685f !important;
  --text-muted: #819088 !important;
  --accent: #139a75 !important;
  --accent-hover: #0d7e60 !important;
  --accent-soft: #ddf3ea !important;
  --border: #d5e0da !important;
  --border-strong: #c8d5ce !important;
  --danger: #d64d5b !important;
  --shadow: 0 18px 50px rgba(30, 63, 49, 0.08) !important;
  --shadow-soft: 0 8px 24px rgba(30, 63, 49, 0.06) !important;
  --shadow-composer: 0 14px 38px rgba(30, 63, 49, 0.09) !important;
}

html,
body,
#app {
  color-scheme: light !important;
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

input,
textarea,
select {
  color-scheme: light !important;
}

::-webkit-scrollbar-thumb {
  background: #c8d5ce !important;
}

.hljs {
  color: #293a32 !important;
  background: #f6f9f7 !important;
}

.hljs-comment,
.hljs-code,
.hljs-formula {
  color: #708179 !important;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-title,
.hljs-section {
  color: #0d7e60 !important;
}

.hljs-string,
.hljs-number,
.hljs-literal,
.hljs-attr {
  color: #8a5a14 !important;
}

.hljs-addition {
  color: #126347 !important;
  background: #e2f3ec !important;
}

.hljs-deletion {
  color: #a73745 !important;
  background: #fbe8ea !important;
}