/* v3.7.291: Gray-tone Warm/Neutral toggle.
   Default is warm (no attribute). data-tone="neutral" shifts
   gray palette to cool/true grays. Accent colors unchanged. */

/* Neutral Light */
html[data-tone="neutral"] {
  --paper:     #fafafa;
  --ink:       #1a1a1a;
  --ink-soft:  #4a4a4a;
  --ink-muted: #6b6b6b;
  --rule:      #e8e8e8;
}
html[data-tone="neutral"][data-theme="dark"] {
  --paper:       #1a1a1a;
  --ink:         #e8e8e8;
  --ink-soft:    #b8b8b8;
  --ink-muted:   #a8a8a8;
  --rule:        #3a3a3a;
  --paper-shade: #2a2a2a;
  --code-bg:     #2a2a2a;
}

/* Toggle button group — positioned just left of the existing
   theme toggle (which is at top:16px right:16px). */
.wtpp-tone-toggle {
  position: fixed;
  top: 16px;
  right: 96px;
  z-index: 9988;
  display: flex;
  background: var(--paper, var(--paper));
  border: 1.5px solid var(--red, var(--red));
  border-radius: 4px;
  overflow: hidden;
  font-family: var(--mono, "Inconsolata", monospace);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  box-shadow: 0 1px 2px var(--ov-black-06);
}
.wtpp-tone-button {
  background: transparent;
  color: var(--ink, var(--ink));
  border: 0;
  padding: 5px 9px;
  cursor: pointer;
  font: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  line-height: 1.2;
}
.wtpp-tone-button + .wtpp-tone-button {
  border-left: 1px solid var(--rule, var(--rule));
}
.wtpp-tone-button:hover {
  background: var(--rule, var(--paper-shade));
}
.wtpp-tone-button.wtpp-tone-active {
  /* v3.7.397: var(--red-bg) for theme-stable white-text-on-red contrast */
  background: var(--red-bg, var(--red-bg));
  color: var(--pure-white);
}
.wtpp-tone-button.wtpp-tone-active:hover {
  background: var(--red-bg, var(--red-bg));
}

/* In-iframe: hide tone toggle (modal context, parent owns it). */
.in-iframe .wtpp-tone-toggle { display: none !important; }

/* Small-screen tuck: same as other floating chrome. */
@media (max-width: 540px) {
  .wtpp-tone-toggle {
    top: 10px;
    right: 90px;
    font-size: 9px;
  }
  .wtpp-tone-button { padding: 4px 7px; }
}