/* Dark theme overrides */
body {
  color: var(--color-text-dark, #ffffff);
  background-color: var(--color-background-darkk, #27272f);
}

a {
  color: #ee5c77;
}

a:hover,
a:focus {
  background-color: var(--hmph, #4b3b47);
  color: #ffffff;
  outline: 2px solid var(--hmph, #4b3b47);
  outline-offset: 2px;
}

a:focus {
  outline-style: solid;
}

.sidebar::before
{
    border-top: 0.17rem dashed white;
}



::selection {
  background: var(--color-primary-dark, #ee455c);
  color: #000000;
  text-shadow: none;
}

code {
  background-color: var(--color-background-code-dark, #3a3a3a);
  color: var(--color-text-dark, #ffffff);
}

pre {
  background-color: var(--color-background-pre-dark, #272822);
  border-color: var(--color-border-dark, #0066ff);
}

blockquote {
  border-color: var(--color-border-dark, #0066ff);
  color: var(--color-text-muted-dark, #dddddd);
}

hr {
  border-top: 0.17rem dashed white;
}

.title-red{
  color:#ee455c;
}


/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-text-white, #ffffff);
}

h1::before { color: var(--color-primary-dark, #ee455c); }
h2::before { color: var(--color-primary-dark, #ee455c); }
h3::before { color: var(--color-primary-dark, #ee455c); }
h4::before { color: var(--color-primary-dark, #ee455c); }
h5::before { color: var(--color-primary-dark, #ee455c); }
h6::before { color: var(--color-primary-dark, #ee455c); }

.toc {
  background-color: var(--color-background-toc-dark, #272822);
  color: var(--color-text-dark, #ffffff);
  border-color: var(--color-border-dark, #0066ff);
}

.meta {
  color: var(--color-text-meta, #999999);
}

.post-tags{
  color:#999999;
}

.term {
  border-bottom: 3px dotted #06a9ce;
}

.tooltip {
  background: #1a1a1f;
  border: 2px solid #06a9ce;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.8) 2px 3px 5px;
}

.header-glow {
  text-shadow: 3px 3px 0px #211d24;
}

.highlight {
  background-color: var(--color-background-pre-dark, #272822);
}

.soc:hover,
.soc:focus {
  color: #000000;
  outline-color: var(--color-primary-dark, #ee455c);
}

.draft-label {
  color: var(--color-text-dark, #ffffff);
  background-color: var(--color-background-draft-dark, #0066ff);
}

/* Tables in dark mode */
table th {
  background-color: var(--color-background-pre-dark, #272822);
  color: var(--color-text-dark, #ffffff);
  border-color: var(--color-border-dark, #0066ff);
}

table td {
  border-color: var(--color-border-dark, #0066ff);
  color: var(--color-text-dark, #ffffff);
}

table tr:nth-child(even) {
  background-color: var(--color-background-code-dark, #3a3a3a);
}

/* Navigation toggle in dark mode */
.nav-toggle {
  color: var(--color-text-dark, #ffffff);
}

.nav-toggle:hover,
.nav-toggle:focus {
  background-color: var(--hmph, #4b3b47);
  outline-color: var(--hmph, #4b3b47);
}
/* Language badges inherit from main.css - no duplicates needed */

/* Callouts in dark mode */
.callout {
  border: 2px solid #278836;
  background-color: var(--color-background-darker, #1b1c1e);
  color: var(--color-text-dark, #ffffff);
  background: repeating-linear-gradient(
    45deg,
    #0c2b11,
    #0c2b11 10px,
    #1b1c1e 10px,
    #1b1c1e 20px
  );
}

.callout-alert {
  color: #f8d7da;
  background-color: #2d1b1d;
  border-color: #842029;
}

.callout-tip {
  color: #d1ecf1;
  background-color: #0c2428;
  border-color: #0f5132;
}

.callout-warning {
  color: #fff3cd;
  background-color: #332701;
  border-color: #997404;
}

.callout-custom {
  color: var(--color-text-dark, #ffffff);
}

/* Search in dark mode */
.search-panel,
.search-result-card {
  background-color: var(--color-background-darkk);
}

.search-result-card {
  border: 2px solid #9b99a5;
}

.search-input,
kbd {
  background-color: var(--color-background-darkk);
  color: var(--color-text-dark, #ffffff);
  border: 2px solid #9b99a5;
}

.search-input:focus {
  outline-color: var(--color-primary-dark, #ee455c);
}

.search-status-error {
  color: var(--color-error-dark, #ff7b72);
}

.search-tag {
}

/*.list-item-link {
  border-left: 3px solid #902021;
}*/