/* Everforest Dark — minimal publish.css */

/* Shared variables (typography) */
body {
  --font-text-size: 16px;
}

/* All color variables go on .published-container */
.published-container {
  --background-primary:         #2d353b;
  --background-primary-alt:     #343f44;
  --background-secondary:       #23262b;/* darkens sidebar vs main area */
  --background-secondary-alt:   #303b41;
  --background-modifier-border: #475258;
  --text-normal:    #ddd5b8;/* brighter body text, still warm */
  --text-muted:     #c4b88a;/* nav links, slightly lifted */
  --text-faint:     #7a8478;
  --text-accent:    #e8d06a;/* headings/active link, more pop */
  --text-on-accent: #2d353b;
  --link-color:          #7fbbb3;
  --link-color-hover:    #83c092;
  --link-external-color: #dbbc7f;
  --interactive-accent:       #a7c080;
  --interactive-accent-hover: #83c092;
  --code-background: #343f44;
  --code-normal:     #d3c6aa;
}

/* Force backgrounds directly on the structural elements */
.site-body,
.site-body-left-column,
.site-body-center-column,
.site-body-right-column,
.published-container {
  background-color: #2d353b;
}

.site-header {
  background-color: #232a2e;
  border-bottom: 1px solid #475258;
}

/* Page content background */
.markdown-preview-view,
.markdown-rendered {
  background-color: #2d353b;
  color: #d3c6aa;
}

/* Headings */
.published-container h1 { color: #a7c080; }
.published-container h2 { color: #83c092; }
.published-container h3 { color: #7fbbb3; }

/* Blockquote */
.published-container blockquote {
  border-left: 3px solid #a7c080;
  color: #9da9a0;
}

.published-container strong { color: #e69875; }
.published-container em     { color: #dbbc7f; }
.published-container hr     { border-color: #475258; }

/* Table borders */
.published-container table {
  border-collapse: collapse;
}
.published-container th,
.published-container td {
  border: 1px solid var(--background-modifier-border);
}

.markdown-preview-view img {
  cursor: zoom-in;
  transition: transform 0.2s ease;
}

.markdown-preview-view img:active {
  cursor: zoom-out;
  position: fixed;
  z-index: 200;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 95vw;
  max-height: 95vh;
  width: auto;
  height: auto;
}