/* Account theme-control and WCAG contrast corrections — 2026-09-08 */
#theme {
  display: grid;
  width: 44px;
  padding: 0;
  place-items: center;
}

#theme svg {
  width: 20px;
  height: 20px;
}

html[data-theme="light"] {
  --danger: #a82833;
}

html[data-theme="light"] .primary-action,
html[data-theme="light"] .button-link,
html[data-theme="light"] .danger-action {
  color: #fff;
}

html[data-theme="light"] .secondary-action,
html[data-theme="light"] .text-action,
html[data-theme="light"] .account-nav-item,
html[data-theme="light"] .kyc-selfie-actions button:not(.primary-action) {
  border: 1px solid #9aaabd;
  background: #fff;
  color: #26394f;
}

html[data-theme="light"] .secondary-action:hover,
html[data-theme="light"] .text-action:hover,
html[data-theme="light"] .account-nav-item:hover,
html[data-theme="light"] .account-nav-item.active {
  border-color: #604300;
  background: #fff8dd;
  color: #3f2d00;
}

html[data-theme="light"] .section-kicker,
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .metric a {
  color: #604300;
}

html[data-theme="light"] .notice {
  border-color: #8a6100;
  background: #fff4c7;
  color: #4f3700;
}

html[data-theme="light"] .nadd-link-panel {
  border-top-color: #7a5500;
}

html[data-theme="light"] .nadd-link-panel h3,
html[data-theme="light"] .nadd-link-panel strong,
html[data-theme="light"] .nadd-link-panel small,
html[data-theme="light"] .nadd-link-panel p {
  color: #26394f;
}

html[data-theme="light"] .nadd-link-panel .message.ok {
  color: #087653;
}

textarea {
  width: 100%;
  min-height: 110px;
  padding: .65rem .75rem;
  border: 1px solid var(--line);
  border-radius: .55rem;
  background: #07130f;
  color: var(--text);
  font: inherit;
  resize: vertical;
}

textarea:focus {
  outline: 2px solid var(--gold);
  outline-offset: 1px;
}

html[data-theme="light"] textarea {
  background: #fff;
}