:root{
  --bg:#0f1115; --panel:#11141b; --text:#e6e9ef; --muted:#9aa4b2;
  --accent:#ffb86c;              /* orange accent */
  --accent-2:#ffd887;            /* orange hover */
  --green:#6fbf6f;               /* darker, calmer green */
  --cyan:#8bd5ff; --yellow:#ffd45e; --border:#232735;
}

body{background:var(--bg);color:var(--text);}
.container,.post,.post-content{max-width:880px;margin:0 auto;}
.post-content h1,.post-content h2,.post-content h3{margin-top:2.2rem;letter-spacing:.2px;}

a{color:var(--accent);} a:hover{color:var(--accent-2);}

.tags a{display:inline-block;padding:.2rem .6rem;border:1px solid var(--border);
  border-radius:999px;margin:.15rem .25rem 0 0;font-size:.85rem;color:var(--text);}

.highlight,pre code{border:1px solid var(--border);border-radius:10px;background:#0b0e14;
  padding:.6rem .7rem;font-size:.95rem;} pre{position:relative;}

.note,.warning,.poc,.mitigation{
  border-left:4px solid var(--accent);padding:.9rem 1rem;margin:1.2rem 0;
  background:rgba(255,184,108,.10);
}
.warning{border-color:var(--accent);background:rgba(255,184,108,.18);}
.poc{border-color:var(--cyan);background:rgba(139,213,255,.12);}
.mitigation{border-color:var(--yellow);background:rgba(255,212,94,.12);}

.logo::after{content:"_";animation:blink 1s step-end infinite;}
@keyframes blink{50%{opacity:0;}}

/* Search page */
#searchBox{width:100%;padding:.7rem .9rem;border:1px solid var(--border);border-radius:10px;
  background:var(--panel);color:var(--text);margin:.5rem 0 1rem;}
.search-meta{color:var(--muted);margin-bottom:.5rem;}
.search-results{list-style:none;padding:0;}
.search-item{padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.06);}
.search-item a{font-weight:600;}
.search-item-meta{color:var(--muted);font-size:.9rem;margin:.2rem 0 .4rem;}

/* ---- Footer social icons ---- */
.socials{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:1.5rem;
  width:760px;
  max-width:100%;
  margin:0 auto 2.5rem;
  padding-top:1.4rem;
  border-top:1px solid var(--border);
}
.socials a{
  color:var(--muted);
  display:inline-flex;
  transition:color .2s ease, transform .2s ease;
}
.socials a:hover{
  color:var(--accent);          /* your orange */
  transform:translateY(-2px);
}
.socials svg{ width:20px; height:20px; display:block; }
/* ---- Older/Newer + Prev/Next post buttons: dark text on orange (both markups) ---- */
.pagination__buttons .button,
.pagination__buttons .button:hover,
.pagination__buttons .button a,
.pagination__buttons .button a:hover{
  color:var(--bg);
}