@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Source+Code+Pro:wght@400;700&display=swap");

:root {
  --color-background-darkest: #191a2a;
  --color-background-dark: #232534;
  --color-background-medium: #2a2c3b;
  --color-background-light: #333644;

  --color-accent-darkest: #34353d;
  --color-accent-dark: #4b4f5f;
  --color-accent-medium: #7f8492;
  --color-accent-light: #a9aeba;

  --color-light: #ffffff;

  --color-primary: #ff991c;
  --color-primary-dark: #e07f08;

  --color-error: #ff3f1c;
  --color-error-dark: #7f342f;
  --color-error-darkest: #3f2e38;

  --color-success: #28f428;
  --color-success-dark: #297c33;
  --color-success-darkest: #2a4039;
  --color-warning: #ff991c;
  --color-warning-light: #eab308;
  --color-warning-dark: #7f582f;
  --color-warning-darkest: #3f3738;

  --color-text: #ffffff;

  --color-tag-pink: #EB23AF;
  --color-tag-blue: #3b82f6;

  --shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

  font-size: 16px;
  color-scheme: dark;
}

:root[data-theme="light"] {

  --color-background-darkest: #e8e8e3;  
  --color-background-dark: #d8d8d0;     
  --color-background-medium: #c8c8bd;   
  --color-background-light: #c5c5bc; /* background inputs / hover*/


  --color-accent-darkest: #c9c9c3;   /* border separated */
  --color-accent-dark: #acaca4;   /* border */
  --color-accent-medium: #585858;
  --color-accent-light: #404040; /* texts */
  
  --color-light: #2d2d28;

  --color-primary: #ff991c;
  --color-primary-dark: #ea8408;

  --color-error: #dc2626;
  --color-error-dark: #991b1b;
  --color-error-darkest: #7f1d1d;
  --color-error-light: #fca5a5;
  --color-error-lightest: #f0c1c1;
  
  --color-success: #10b981;
  --color-success-dark: #059669;
  --color-success-darkest: #047857;
  --color-success-light: #86efac;
  --color-success-lightest: #c1f0d7;
  
  --color-warning: #ca8a04;
  --color-warning-dark: #a16207;
  --color-warning-darkest: #713f12;
  --color-warning-light: #e8b316;
  --color-warning-lightest: #f0f0c1;

  --color-text: #ffffff;

  --color-tag-pink: #EB23AF;
  --color-tag-blue: #3b82f6;

  --shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  
  color-scheme: light;
}

body {
  background-color: var(--color-background-darkest);
}

* {
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
  margin: 0;
}

/* Specific handlign for syntax highlighting */

.token.punctuation {
  color: #ccc;
}

.token.boolean,
.token.number {
  color: #f08d49;
}

.token.keyword {
  color: #cc99cd;
}

.token.string {
  color: #7ec699;
}

.token.operator {
  color: #67cdcc;
}

/* End syntax highlighting */

/* Specific handling for pdfjs */

.textLayer {
  position: absolute;
  text-align: initial;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  forced-color-adjust: none;
}

.textLayer span,
.textLayer br {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  transform-origin: 0% 0%;
}

/* Only necessary in Google Chrome, see issue 14205, and most unfortunately
* the problem doesn't show up in "text" reference tests. */
.textLayer span.markedContent {
  top: 0;
  height: 0;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgba(180, 0, 170, 1);
  border-radius: 4px;
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: rgba(0, 100, 0, 1);
}

.textLayer ::-moz-selection {
  background: rgba(0, 0, 255, 1);
}

.textLayer ::selection {
  background: rgba(0, 0, 255, 1);
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.textLayer br::-moz-selection {
  background: transparent;
}
.textLayer br::selection {
  background: transparent;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  bottom: 0;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.textLayer .endOfContent.active {
  top: 0;
}

.pdfViewer {
  padding-bottom: 0;
}

.pdfViewer .canvasWrapper {
  overflow: hidden;
}

.pdfViewer .page {
  direction: ltr;
  margin: 0px auto 8px;
  position: relative;
  overflow: visible;
  border: 9px solid transparent;
  background-clip: content-box;
  background-color: rgba(255, 255, 255, 1);
}

.pdfViewer .dummyPage {
  position: relative;
  width: 0;
  height: 0;
}

.pdfViewer.removePageBorders .page {
  margin: 0 auto 10px;
  border: none;
}

.pdfViewer.singlePageView {
  display: inline-block;
}

.pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.pdfViewer.scrollHorizontal,
.pdfViewer.scrollWrapped,
.spread {
  margin-left: 3.5px;
  margin-right: 3.5px;
  text-align: center;
}

.pdfViewer.scrollHorizontal,
.spread {
  white-space: nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  margin-left: 0;
  margin-right: 0;
}

.spread .page,
.spread .dummyPage,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}

.spread .page,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page {
  margin-left: -3.5px;
  margin-right: -3.5px;
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders.scrollHorizontal .page,
.pdfViewer.removePageBorders.scrollWrapped .page {
  margin-left: 5px;
  margin-right: 5px;
}

.pdfViewer .page canvas {
  margin: 0;
  display: block;
}

.pdfViewer .page canvas[hidden] {
  display: none;
}

.pdfViewer .page .loadingIcon {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.pdfViewer .page .loadingIcon.notVisible {
  background: none;
}

.pdfViewer.enablePermissions .textLayer span {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
  cursor: not-allowed;
}

/* End pdfjs handling */