/* Copyright 2016 Yandex LLC. All rights reserved. */

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

html,
body {
  background: var(--body-background-color);
}

body {
  --body-background-color: #f4f3f2;
}

/* Match the OS scheme on first paint so opening a book doesn't flash white
   before JS applies the saved theme. */
@media (prefers-color-scheme: dark) {
  body {
    --body-background-color: #1c1b1a;
  }
}

/* An explicit theme choice always wins over the OS default. */
body[theme="light"] {
  --body-background-color: #f4f3f2;
}

body[theme="dark"] {
  --body-background-color: #1c1b1a;
}

reader-page {
  width: 100%;
  height: 100%;
  outline: none;
}