.gh-burger::before,
.gh-burger::after {
  height: 3px;
}

@media (max-width: 850px) {
  body:not(.is-head-open) .gh-head {
    margin: none !important;
  }
}

:root {
  /* --- Inverted Colors for Dark Theme --- */

  /* Text: Dark becomes Light */
  --color-primary-text: #e0e0e0;
  /* Was #333 */
  --color-secondary-text: #9aa0a6;
  /* Was #999 */
  --ghost-accent-color: #9aa0a6;

  /* Backgrounds: White becomes Dark */
  --color-white: #15171a;
  /* Main BG - Was #fff */
  --color-lighter-gray: #1b1e22;
  /* Card/Code BG - Was #f6f6f6 */

  /* UI Elements & Borders */
  --color-light-gray: #2f333a;
  /* Borders - Was #e6e6e6 */
  --color-mid-gray: #4a4d52;
  /* Borders - Was #ccc */

  /* Headings & Strong Text */
  --color-dark-gray: #d0d0d0;
  /* Was #444 */
  --color-darker-gray: #ffffff;
  /* Headings - Was #15171a */
  --color-black: #ffffff;
  /* Was #000 */

  /* Theme Specifics */
  --color-base: #f0f0f0;
  /* Post Titles - Was #131313 */
  --color-border: #333333;
  /* Was #ddd */
  --background-color: #15171a;
  /* Matches color-white */

  /* Keep existing font settings */
  --font-sans: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  --head-nav-gap: 2.8rem;
  --h1-size: 4.6rem;
  --gap: 3.6rem;
  --header-spacing: 80px;
}

@media (max-width: 767px) {
  :root {
    --h1-size: 3.2rem !important;
    --gap: 2rem;
    --header-spacing: 48px;
  }
}

/* --- Dark Mode Overrides --- */

/* Fix white backgrounds on dropdowns */
.gh-dropdown {
  background-color: var(--color-white) !important;
  box-shadow: 0 0 0 1px var(--color-light-gray), 0 10px 20px -5px rgba(0, 0, 0, 0.5) !important;
}

/* Fix dropdown links color */
.gh-dropdown li a {
  color: var(--color-primary-text) !important;
}

.gh-dropdown li a:hover {
  background-color: var(--color-lighter-gray);
}

/* Fix transparent header buttons (invert logic) */
.is-head-transparent .gh-head-btn {
  background-color: var(--color-darker-gray) !important;
  /* Becomes White */
  color: var(--color-white) !important;
  /* Becomes Dark */
}

/* Fix Table backgrounds and gradients */
.gh-content table:not(.gist table) th {
  background-color: var(--color-lighter-gray) !important;
  color: var(--color-primary-text) !important;
  border-color: var(--color-light-gray) !important;
}

.gh-content table:not(.gist table) td {
  border-color: var(--color-light-gray) !important;
}

/* Remove or soften the white gradient fade on scrolling tables */
.gh-content table:not(.gist table) {
  background: radial-gradient(ellipse at left, rgba(255, 255, 255, 0.1) 0, transparent 75%) 0, radial-gradient(ellipse at right, rgba(255, 255, 255, 0.1) 0, transparent 75%) 100% !important;
  background-size: 10px 100%, 10px 100% !important;
  background-attachment: scroll, scroll !important;
  background-repeat: no-repeat !important;
}

/* Bookmark cards usually have hardcoded white backgrounds in Ghost */
.kg-bookmark-card a.kg-bookmark-container,
.kg-file-card-container {
  background-color: var(--color-lighter-gray) !important;
  color: var(--color-primary-text) !important;
}

.kg-bookmark-title,
.kg-bookmark-metadata {
  color: var(--color-darker-gray) !important;
}

.kg-bookmark-description {
  color: var(--color-secondary-text) !important;
}

/* Fix Mobile Menu Backgrounds */
.is-head-open:not(.is-head-brand):not(.is-head-dark):not(.is-head-transparent) #gh-head {
  background-color: var(--color-white) !important;
}

.is-head-open #gh-head .gh-head-actions {
  background-color: var(--color-white) !important;
}

.gh-content a {
  color: #fff !important;
}

.gh-btn {
  color: #fff !important;
  
}

.post-content-image .kg-image {
    max-width: 60% !important;
}