.theme-dark {
    --accent: #484de9;
    --text-main: #e0e0e0;
    --bg-main: #1e1e1e;
    --header-footer-bg: #393838;
    --borders:#e0e0e09e;
    --top-bars:#252424;
}

#AllDocumentsContainer.theme-dark{
  background-color: rgb(40, 40, 40);
}

.theme-dark #mainDocSpinner{
    border: 2px solid rgba(222, 221, 221, 0.1);
    border-top: 2px solid #ffffff;
}

.DocumentColumn.theme-dark{
    background-color: var(--bg-main); /* dark background */
}

#CurrentDocumentTopBar.theme-dark{
  background-color: var(--top-bars);
}

#RightDocumentsTopBar.theme-dark{
  background-color: var(--top-bars);
}


#multiple-links-popup.theme-dark{
  background-color: var(--bg-main); 
}

.theme-dark .linkInputTypeSelectorButton{
  background-color: var(--top-bars);
}

.theme-dark .linkInputTypeSelectedButton{
  background-color: var(--accent);
}

/* .DocumentSidePanel.theme-dark {
    background-color: var(--bg-main);
} */

.theme-dark .StaticCommentsSection{
    background-color: var(--bg-main);
}

.theme-dark div{
    color: var(--text-main);
}

.theme-dark .ActionButton{
  color:white;
}

.theme-dark .PageInfo-OneIconComponent {
  color: white;
}

.theme-dark .LinksListSortButton {
    color:#5f5e5e;
}
.theme-dark .FlinksListSelectedSide *{
  color:white;
}

.theme-dark #CurrentDocumentInfo{
  background-color: black;
}

.theme-dark .InfoLinkRowDiv{
  background-color: rgb(60, 60, 60);
}

.theme-dark #CurrentDocumentMainCollageCanvas,
.theme-dark .OneCollageCanvas{
  background-color: #212121;
}


.theme-dark .DocumentTopBarButtonWrapper,
.theme-dark .DocumentTopBarButtonWrapper *{
  color:white;
}

.theme-dark .CurrentDocumentInfoButtonCountDivIncomplete{
  color:red;
}

.theme-dark .selectedIcon *{
  color:white;
}

.theme-dark #CurrentDocumentTitleSpan{
  color:white;
}


.theme-dark #CurrentDocumentExportContainer{
  background-color: black;
}
.theme-dark #RightDocumentExportContainer{
  background-color: black;
}

.theme-dark #SourceCodeTextDiv{
  background-color: rgb(60, 60, 60);
}

.theme-dark #ExportTextDiv{
  background-color: rgb(60, 60, 60);
}

.theme-dark .RightDocumentTab{
  background-color: var(--header-footer-bg);

}


.theme-dark .RightDocumentTabSelected{
  background-color: var(--top-bars);
}

.theme-dark .RightDocumentTabTitle{
  color:#8d8d8d;
}

.theme-dark .RightDocumentTabTitleSelected{
  color:#aaaaaa

}


.theme-dark #RightDocumentTitleSpan{
  color:white;
}

.theme-dark .NoteDiv{
    background-color: var(--bg-main); /* dark background */
}

.theme-dark .NoteEditingDiv{
    color: var(--text-main);
}

.theme-dark .DocumentTopPanel{
    background-color: #393838;
}

.theme-dark .TopPanelTitle{
    color:white;
}

.theme-dark .TopPanelOptionLink{
    color:white;
}

.theme-dark #middle-canvas-topDiv{
  background-color: var(--top-bars);
  border-bottom-color: var(--borders);
  
}

#LinksListContainerDiv.theme-dark {
  background-color: var(--bg-main);
  /* //box-shadow: 0 0 5px rgba(255, 255, 255, 0.3); */
  border-width: 1px;
  border-style: solid;
  border-color: var(--borders);
}

.theme-dark .DeleteFlinkButton{
  color: white;
}


.theme-dark .CancelButton {
    background-color: transparent;
    border-color: white;
    color: white;

}

.theme-dark .CancelButton:hover {
    background-color: var(--header-footer-bg);

}

.theme-dark .FlinkOneEndContainer{
  background-color: rgba(255, 255, 255, 0.1);;
}

.theme-dark #LinksListModificationMessage {
  color:white;
}

.theme-dark .DocumentBottomPanel{
    background-color: #393838;
}

.theme-dark .RightSandwichLine{
    background-color: white;
}

.theme-dark .LeftSandwichLine{
    background-color: white;
}


.theme-dark .DocumentDropDownMenu{
    background-color: #393838;
}

.theme-dark .FooterSectionTitle{
    color:white;
}
.theme-dark .FooterOptionLink{
    color:white;
}

.theme-dark .DocumentBottomPanelBottomMessage{
    color:white;
}


.theme-dark .NotePresentationDiv {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.7;
    color: var(--text-main);
    padding: 2rem;
}
  
  /* Lists */
  .theme-dark ol, ul {
    padding-inline-start: 10px;
  }

  .theme-dark li {
    color: #e0e0e0;
  }

  .theme-dark figcaption {
    color: #e0e0e0;
  }
  
  /* Paragraphs */
  .theme-dark p {
    margin: 1em 0;
    font-size: 1.05em;
    color: #dcdcdc;
  }
  
  /* Headings */
  .theme-dark h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    line-height: 1.3;
    margin: 1.6em 0 0.6em;
    color: #ffffff;
  }
  
  .theme-dark h1 {
    font-size: 2.2em;
    border-bottom: 2px solid #333;
    padding-bottom: 0.3em;
  }
  
  .theme-dark h2 {
    font-size: 1.8em;
    margin-top: 2em;
  }
  
  .theme-dark h3 {
    font-size: 1.4em;
    margin-top: 1.5em;
    color: #cccccc;
  }
  
  /* Links */
  .theme-dark a {
    color: #4aa3ff;
    text-decoration: none;
  }
  .theme-dark a:hover {
    text-decoration: underline;
  }


  .theme-dark a.multiple-links-popup-row{
    color: var(--text-main);
  }

   .theme-dark a.multiple-links-popup-row:hover{
    text-decoration: none;
  }



  .theme-dark a[data-static] {
    color: rgb(36, 176, 76);
  }
  
  /* Code snippets */
  .theme-dark pre, 
  .theme-dark code {
    font-family: "Fira Code", monospace;
    background-color: #3a3a3a;
    color: #e8e8e8;
    /* padding: 0.2em 0.4em; */
    border-radius: 4px;
  }
  
  .theme-dark pre {
    padding: 1em;
    overflow-x: auto;
  }
  
  /* Blockquotes */
  .theme-dark blockquote {
    position: relative;
    margin: 1em 0;
    padding: 1em 1.2em;
    padding-left: 2em;
    background-color: #2b2b2b;
    border-left: 5px solid #4aa3ff;
    border-radius: 6px;
    color: #ddd;
    font-style: italic;
    font-family: Georgia, serif;
    line-height: 1.6;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  }
  
  .theme-dark blockquote::before {
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 3em;
    line-height: 1;
    color: #4aa3ff;
    font-family: Georgia, serif;
  }
  
  .theme-dark blockquote ol {
    padding-left: 10px;
    padding-right: 10px;
    list-style-position: inside;
  }
  
  /* Tables */
  .theme-dark table {
    border-collapse: collapse;
    margin: 1.5em 0;
    font-family: "Georgia", serif;
    font-size: 16px;
    line-height: 1.5;
    color: #e0e0e0;
    background-color: #1e1e1e;
  }
  
  .theme-dark th {
    background-color: #212121;
    color: #fff;
    font-weight: 600;
    text-align: left;
    padding: 10px 12px;
    border-bottom: 1px solid #333;
  }
  
  .theme-dark td {
    padding: 10px 12px;
    border-bottom: 1px solid #333;
  }
  
  .theme-dark tr:nth-child(even) {
    background-color: #2a2a2a;
  }
  
  .theme-dark tr:hover {
    background-color: #333;
  }

.theme-dark .media-card {
    display: inline-block;
    /* border: 2px solid var(--accent); */
    border-radius: 8px;
    padding: 12px 16px;
    margin: 6px 0;
    background-color: #f0f8ff;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.theme-dark .media-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}


.theme-dark pre::-webkit-scrollbar,
.theme-dark #ExportTextDiv::-webkit-scrollbar,
.DocumentColumn.theme-dark::-webkit-scrollbar,
.theme-dark #SourceCodeTextDiv::-webkit-scrollbar,
.theme-dark .StaticCommentsSection::-webkit-scrollbar,
.theme-dark .NoteEditingDiv::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

.DocumentColumn.theme-dark::-webkit-scrollbar-track,
.theme-dark #ExportTextDiv::-webkit-scrollbar-track,
.theme-dark #SourceCodeTextDiv::-webkit-scrollbar-track,
.theme-dark pre::-webkit-scrollbar-track,
.theme-dark .StaticCommentsSection::-webkit-scrollbar-track,
.theme-dark .NoteEditingDiv::-webkit-scrollbar-track {
    background: var(--header-footer-bg);
}

.theme-dark pre::-webkit-scrollbar-thumb,
.theme-dark #ExportTextDiv::-webkit-scrollbar-thumb,
.theme-dark #SourceCodeTextDiv::-webkit-scrollbar-thumb,
.DocumentColumn.theme-dark::-webkit-scrollbar-thumb,
.theme-dark .StaticCommentsSection::-webkit-scrollbar-thumb,
.theme-dark .NoteEditingDiv::-webkit-scrollbar-thumb {
    background: #666;
    /* thumb color */
    border: 4px solid transparent;
    /* creates the gap */
    background-clip: content-box;
    /* ensures color doesn't paint over the border */
    border-radius: 10px;
    /* still rounded */
}

.theme-dark pre::-webkit-scrollbar-thumb:hover,
.theme-dark #ExportTextDiv::-webkit-scrollbar-thumb:hover,
.theme-dark #SourceCodeTextDiv::-webkit-scrollbar-thumb:hover,
.DocumentColumn.theme-dark::-webkit-scrollbar-thumb:hover,
.theme-dark .StaticCommentsSection::-webkit-scrollbar-thumb:hover,
.theme-dark .NoteEditingDiv::-webkit-scrollbar-corner {
    background: #888;
    border: 4px solid transparent;
    /* creates the gap */
    background-clip: content-box;
    border-radius: 10px;
}

.DocumentColumn.theme-dark::-webkit-scrollbar-corner,
.theme-dark .StaticCommentsSection::-webkit-scrollbar-corner,
.theme-dark #SourceCodeTextDiv::-webkit-scrollbar-corner,
.theme-dark .NoteEditingDiv::-webkit-scrollbar {
    background: var(--header-footer-bg);
}

.theme-dark .comments-title {
    margin-top: 10px;
    margin-left: 15px;
}

.theme-dark .no-comments-text {
    align-self: center;
    margin-top: 15px;
    font-size: 25px;
}

.theme-dark .swp-leave-comment-btn {
  color:white;
  border: 1px solid white;
}

.theme-dark .swp-reply-btn{
  color:white;
  border: 1px solid white;
}