/* Workremote theme toggle — navy/cream dual-mode */

html { background-color: #1a2540; color: #F5F1E8; }
html body { background-color: #1a2540; color: #F5F1E8; }
html[data-theme="paper"] { background-color: #F5F1E8; color: #1a2540; }
html[data-theme="paper"] body { background-color: #F5F1E8; color: #1a2540; }

.has-ink-background-color { background-color: #1a2540 !important; }
.has-paper-background-color { background-color: #1a2540 !important; }
.has-paper-2-background-color { background-color: #212b47 !important; }
html[data-theme="paper"] .has-paper-background-color { background-color: #F5F1E8 !important; }
html[data-theme="paper"] .has-paper-2-background-color { background-color: #EDE7D7 !important; }

.wrm-theme-toggle {
  display: inline-flex; align-items: center; gap: .35rem;
  background: transparent;
  border: 1px solid rgba(245, 241, 232, 0.35);
  color: #F5F1E8;
  padding: .45rem .85rem;
  border-radius: 2px;
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-size: .72rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  line-height: 1;
  transition: border-color .2s, color .2s;
}
.wrm-theme-toggle:hover { border-color: #B89553; color: #D4B87A; }
html[data-theme="paper"] .wrm-theme-toggle { border-color: rgba(26, 37, 64, 0.4); color: #1a2540; }
html[data-theme="paper"] .wrm-theme-toggle:hover { border-color: #B89553; color: #B89553; }