/* Reader palette: contrast and semantic consistency, not universal colour psychology. */
:root {
  color-scheme: light;
  --rnn-canvas: #FAFAF7;
  --rnn-surface: #FFFFFF;
  --rnn-text: #17212B;
  --rnn-muted: #52606D;
  --rnn-brand: #0F6B63;
  --rnn-link: #0F6B63;
  --rnn-action-bg: #0F6B63;
  --rnn-on-action: #FFFFFF;
  --rnn-on-brand: var(--rnn-on-action);
  --rnn-danger: #B42318;
  --rnn-alert-bg: #B42318;
  --rnn-on-alert: #FFFFFF;
  --rnn-border: #DCE3E5;
  --rnn-control-border: #829198;
  --rnn-focus: #0F6B63;
  --rnn-font-latin: 'Noto Sans', 'Noto Sans Devanagari', Arial, sans-serif;
  --rnn-font-hindi: 'Noto Sans Devanagari', 'Noto Sans', Arial, sans-serif;
}
[data-theme="dark"] {
  color-scheme: dark;
  --rnn-canvas: #111A21;
  --rnn-surface: #17232C;
  --rnn-text: #E6EDF2;
  --rnn-muted: #A6B3BD;
  --rnn-brand: #65C7B8;
  --rnn-link: #65C7B8;
  --rnn-action-bg: #65C7B8;
  --rnn-on-action: #111A21;
  --rnn-danger: #FFB4AB;
  --rnn-alert-bg: #B42318;
  --rnn-on-alert: #FFFFFF;
  --rnn-border: #34444F;
  --rnn-control-border: #8496A3;
  --rnn-focus: #65C7B8;
}