/* it.arch.ethz.ch: ETH-Design für den PDF.js-Viewer. Nur Variablen und wenige Zusatzregeln, viewer.css bleibt unverändert.
   Farben wie in assets/css/tokens.css (D-ARCH-Rot #b7352d, Dunkel #222, ETH-Grautöne). */
@font-face { font-family: "DINPro"; font-weight: 400; font-style: normal; font-display: swap; src: url("../../fonts/regular.woff2") format("woff2"); }
@font-face { font-family: "DINPro"; font-weight: 500; font-style: normal; font-display: swap; src: url("../../fonts/medium.woff2") format("woff2"); }
@font-face { font-family: "DINPro"; font-weight: 700; font-style: normal; font-display: swap; src: url("../../fonts/bold.woff2") format("woff2"); }

:root {
  color-scheme: light; /* die Site hat kein Dunkelmodus, der Viewer soll nicht abweichen */

  --main-color: #222222;
  --body-bg-color: #f1f1f1;

  /* Werkzeugleiste: weiss mit feiner Linie, Icons dunkel */
  --toolbar-bg-color: #ffffff;
  --toolbar-border-color: #e2e2e2;
  --toolbar-box-shadow: 0 1px 0 var(--toolbar-border-color);
  --toolbar-icon-bg-color: #222222;
  --toolbar-icon-hover-bg-color: #222222;
  --button-hover-color: #f1f1f1;
  --toggled-btn-color: #222222;
  --toggled-btn-bg-color: #e2e2e2;
  --toggled-hover-active-btn-color: #c5c5c5;
  --separator-color: #e2e2e2;

  /* Eingabefelder (Seitenzahl, Suche, Zoom) */
  --field-bg-color: #ffffff;
  --field-border-color: #c5c5c5;
  --field-color: #222222;
  --focus-ring-color: #222222;

  /* Seitenleiste (Miniaturen, Gliederung) und aufklappende Menüs */
  --sidebar-bg-color: #ffffff;
  --sidebar-toolbar-bg-color: #f6f6f6;
  --sidebar-border-color: #e2e2e2;
  --doorhanger-bg-color: #ffffff;
  --doorhanger-border-color: #e2e2e2;
  --doorhanger-hover-color: #f1f1f1;
  --doorhanger-separator-color: #e2e2e2;

  /* Akzente in D-ARCH-Rot */
  --progressBar-color: #b7352d;
  --progressBar-bg-color: #e2e2e2;
  --link-fg-color: #b7352d;
  --link-hover-fg-color: #96272d;

  --scrollbar-color: #c5c5c5;
  --scrollbar-bg-color: #f1f1f1;
}

#outerContainer, #outerContainer button, #outerContainer input, #outerContainer select, dialog {
  font-family: "DINPro", Helvetica, Arial, sans-serif;
}