/* Site-specific presentation overrides for the embedded PDF.js viewer. */

@media screen and (forced-colors: none) {
  :root {
    color-scheme: only light;

    --main-color: #0e264e;
    --body-bg-color: #ffffff;
    --progressBar-color: #c89847;
    --progressBar-bg-color: rgb(14 38 78 / 0.12);
    --progressBar-blend-color: #c89847;
    --scrollbar-color: #a2abbb;
    --scrollbar-bg-color: #ffffff;
    --toolbar-icon-bg-color: #0e264e;
    --toolbar-icon-hover-bg-color: #0e264e;

    --sidebar-narrow-bg-color: #ffffff;
    --sidebar-toolbar-bg-color: #ffffff;
    --toolbar-bg-color: #ffffff;
    --toolbar-border-color: rgb(14 38 78 / 0.14);
    --toolbar-box-shadow: 0 1px 0 var(--toolbar-border-color), 0 3px 12px rgb(14 38 78 / 0.06);
    --toolbarSidebar-box-shadow: inset -1px 0 rgb(14 38 78 / 0.12), 0 1px 0 rgb(14 38 78 / 0.1);

    --button-hover-color: rgb(14 38 78 / 0.1);
    --toggled-btn-color: #ffffff;
    --toggled-btn-bg-color: #0e264e;
    --toggled-hover-active-btn-color: rgb(14 38 78 / 0.85);
    --dropdown-btn-bg-color: #ffffff;
    --separator-color: rgb(14 38 78 / 0.18);
    --field-color: #0e264e;
    --field-bg-color: #ffffff;
    --field-border-color: rgb(14 38 78 / 0.24);
    --doorhanger-bg-color: #ffffff;
    --doorhanger-border-color: rgb(14 38 78 / 0.18);
    --doorhanger-hover-color: #0e264e;
    --doorhanger-separator-color: rgb(14 38 78 / 0.12);
    --focus-ring-color: #0e264e;

    --page-margin: 0 auto;
    --page-border: 0 solid transparent;
  }

  body,
  #viewerContainer {
    background-color: #ffffff;
  }

  #viewerContainer {
    scrollbar-gutter: auto;
  }

  .textLayer ::-moz-selection {
    background: rgb(14 38 78 / 0.22);
  }

  .textLayer ::selection {
    background: rgb(14 38 78 / 0.22);
  }

  .toolbarButton,
  .dropdownToolbarButton,
  .toolbarField {
    border-radius: 5px;
  }

  .toolbarButton,
  .dropdownToolbarButton,
  .toolbarField,
  .dropdownToolbarButton > select {
    transition: background-color 120ms ease, border-color 120ms ease;
  }

  .doorHanger,
  .doorHangerRight {
    border-radius: 7px;
    box-shadow: 0 8px 24px rgb(14 38 78 / 0.14), 0 0 0 1px rgb(14 38 78 / 0.1);
  }

  .toolbarField:focus {
    border-color: #0e264e;
  }

  .textLayer .highlight {
    --highlight-bg-color: rgb(200 152 71 / 0.3);
    --highlight-selected-bg-color: rgb(200 152 71 / 0.6);
  }
}

/* Upstream keeps 50px above the current match, so a timetable opened on a
   teacher's page scrolled off its fit to make room above their name. */
.textLayer .highlight.selected {
  scroll-margin-top: 0;
}

/* Reading-only embed: annotation, image, and signature tools are intentionally unavailable. */
#editorModeButtons,
#editorModeSeparator,
#imageAltTextSettings,
#imageAltTextSettingsSeparator {
  display: none !important;
}