/* Impetus Ops – PDF.js theme override */

:root {
  /* Core colors */
  --main-color:          #ffffff;
  --body-bg-color:       #111111;
  --errorWrapper-bg-color: #1a1a1a;

  /* Toolbar */
  --toolbar-bg-color:    #0a0a0a;
  --toolbar-border-color: rgba(232,0,45,0.25);
  --toolbar-box-shadow:  0 1px 0 rgba(232,0,45,0.2);
  --toolbar-border-bottom: none;

  /* Sidebar */
  --sidebar-bg-color:    rgba(10,10,10,0.96);
  --sidebar-backdrop-filter: blur(8px);

  /* Text & icons */
  --text-color:          #e0e0e0;
  --button-fg:           #c0c0c0;
  --button-hover-fg:     #ffffff;
  --button-active-fg:    #e8002d;
  --toolbar-icon-bg-color: #c0c0c0;
  --toolbar-icon-hover-bg-color: #ffffff;

  /* Button states */
  --button-hover-bg:          rgba(232,0,45,0.12);
  --button-active-bg:         rgba(232,0,45,0.22);
  --button-focus-no-bg:       rgba(232,0,45,0.08);
  --button-selected-bg:       rgba(232,0,45,0.18);
  --button-border-color:      transparent;

  /* Page number input */
  --input-bg-color:      #1a1a1a;
  --input-border-color:  rgba(232,0,45,0.3);
  --input-color:         #ffffff;

  /* Scrollbar */
  scrollbar-color: rgba(232,0,45,0.4) #111;
}

/* Page number input field */
#pageNumber {
  background: var(--input-bg-color);
  color: var(--input-color);
  border: 1px solid var(--input-border-color);
  border-radius: 2px;
}

#pageNumber:focus {
  border-color: #e8002d;
  outline: none;
  box-shadow: 0 0 0 2px rgba(232,0,45,0.2);
}

/* Thin red line under toolbar */
.toolbar {
  border-bottom: 1px solid rgba(232,0,45,0.2) !important;
}

/* Active/toggled toolbar button red glow */
.toolbarButton[aria-pressed="true"],
.toolbarButton.toggled {
  color: #e8002d !important;
  background: rgba(232,0,45,0.15) !important;
}

/* Scale select dropdown */
#scaleSelect {
  background: #1a1a1a;
  color: #e0e0e0;
  border: 1px solid rgba(232,0,45,0.25);
  border-radius: 2px;
}

/* Loading bar */
#loadingBar .progress {
  background: #e8002d;
}

#loadingBar .glimmer {
  background: linear-gradient(to right, #e8002d 0%, #ff4466 50%, #e8002d 100%);
}