/* Words' local night-reading candidate. The pinned shared resource is unchanged.
   Carbon black, chalk, red/yellow ochre and green earth inspire these screen tones;
   they are modern adaptations, not measured reconstructions of ancient pigments. */
@media screen {
  :root[data-theme="dark"] {
    --ds-color-surface-base: #1C1D1B;
    --ds-color-surface-raised: #252823;
    --ds-color-text-primary: #C7C4B8;
    --ds-color-text-muted: #A5A69A;
    --ds-color-text-muted-bw: #A5A69A;
    --ds-color-caption: #A5A69A;
    --ds-color-table-header: #C7C4B8;
    --ds-color-brand-title: #B6A17A;
    --ds-color-section-title: #BD9785;
    --ds-color-link: #BD9785;
    --ds-color-source: #BD9785;
    --ds-color-error: #C79A8E;
    --ds-color-success: #9BAF94;
    --ds-color-warning: #B6A17A;
    --ds-color-warning-text: #C7C4B8;
    --ds-color-warning-border: #B6A17A;
    --ds-color-highlight-border: #B6A17A;
    --ds-color-border: #41453E;
    --ds-color-action-primary: #35473E;
    --ds-color-chart-axis: #A5A69A;
    --ds-color-chart-1: #BD9785;
    --ds-color-chart-2: #9BAF94;
    --ds-color-chart-3: #C79A8E;
    --words-color-action-ink: #D1D0C2;
    --words-color-action-border: #899A86;
    --words-color-control-border: #787D71;
    --words-color-control-accent: #899A86;
    --words-color-focus: #B6A17A;
  }

  :root[data-theme="dark"] ::selection {
    background: var(--ds-color-action-primary);
    color: var(--words-color-action-ink);
  }
  :root[data-theme="dark"] #result-view-tabs [aria-selected="true"] {
    text-decoration: underline;
    text-underline-offset: .25em;
  }
  :root[data-theme="dark"] .passage-word[aria-pressed="true"] {
    box-shadow: inset 0 -2px var(--words-color-action-border);
  }
}