html, body {
  margin: 0;
  padding: 0;
}

body {
  /* This is a font-stack that tries to use the system-default sans-serifs first */
  font-family: Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  line-height: 1.5;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

.theme-light body {
  background-color: #fff;
}

.theme-dark body {
  background-color: #111;
}

postpress-admin {
  --article-gallery-display: flex;
  --article-gallery-item-flex: auto;
  --article-gallery-item-margin: 0;

  --postpress-admin-single-verse-text-verse-vertical-align: middle;
}

.theme-light postpress-admin {
  background-color: #fff;

  --drawer-scrim-background: rgba(0, 0, 0, 0.8);
  --mdc-radio-unchecked-color: #111;
  --mdc-theme-primary: #111;
  --mdc-theme-secondary: #111;
  --mdc-theme-text-primary-on-background: #111;
  --paper-dropdown-menu-color: #000;
  --paper-dropdown-menu-focused-color: #000;
  --paper-listbox-background-color: rgba(255, 255, 255, 0.99);
  --primary-background-color: #fff;
  --primary-color: #000;
  --primary-foreground-color: #111;
  --primary-text-color: #111;
  --secondary-text-color: #000;
  --text-color: #111;

  --postpress-admin-chapter-navigator-click-target-color: #111;
  --postpress-admin-chapter-navigator-click-target-background-color: #fff;
  --postpress-admin-drawer-container-background-color: #fff;
  --postpress-admin-drawer-header-background-color: #fff;
  --postpress-admin-drawer-header-color: #111;
  --postpress-admin-preferences-h2-background-color: #eee;
  --postpress-admin-single-chapter-range-reference-color: #111;
  --postpress-admin-single-verse-color: #111;
  --postpress-admin-single-verse-reference-color: #111;
  --postpress-admin-single-verse-text-color: #111;
  --postpress-admin-single-verse-text-verse-color: #111;
}

.theme-dark postpress-admin {
  background-color: #111;

  --drawer-scrim-background: rgba(0, 0, 0, 0.8);
  --mdc-theme-text-primary-on-dark: #000;
  --mdc-theme-text-primary-on-background: #fff;
  --mdc-theme-primary: #fff;
  --mdc-theme-secondary: #fff;
  --mdc-radio-unchecked-color: #fff;
  --paper-dropdown-menu-color: #fff;
  --paper-dropdown-menu-focused-color: #fff;
  --paper-listbox-background-color: rgba(0, 0, 0, 0.99);
  --primary-background-color: #111;
  --primary-color: #fff;
  --primary-foreground-color: #fff;
  --primary-text-color: #fff;
  --secondary-text-color: #fff;
  --text-color: #fff;

  --postpress-admin-chapter-navigator-click-target-color: #fff;
  --postpress-admin-chapter-navigator-click-target-background-color: #111;
  --postpress-admin-drawer-container-background-color: #000;
  --postpress-admin-drawer-header-background-color: #111;
  --postpress-admin-drawer-header-color: #fff;
  --postpress-admin-preferences-h2-background-color: #222;
  --postpress-admin-single-chapter-range-reference-color: #fff;
  --postpress-admin-single-verse-text-color: #fff;
  --postpress-admin-single-verse-text-verse-color: #fff;
  --postpress-admin-single-verse-color: #fff;
  --postpress-admin-single-verse-reference-color: #fff;
}