/* ── Reset: dark canvas ───────────────────────────────────────────── */
:root {
  --colors-primary-base:  #6366f1;
  --colors-primary-dark:  #4f46e5;
  --colors-primary-light: rgba(99,102,241,0.15);
  --colors-white:         #151827;
  --colors-black:         #f1f5f9;
  --colors-gray-50:       #0f111a;
  --colors-gray-100:      #151827;
  --colors-gray-200:      #1e2235;
  --colors-gray-300:      #2a3050;
  --colors-gray-400:      #4a5280;
  --colors-gray-500:      #8892a4;
  --colors-gray-600:      #a8b4c4;
  --colors-gray-700:      #cbd5e1;
  --colors-gray-800:      #e2e8f0;
  --colors-gray-900:      #f1f5f9;
}

html, body {
  background-color: #07080f !important;
  color: #e2e8f0 !important;
}

/* Kill lingering white backgrounds */
.bg-white, [class~="bg-white"],
.bg-gray-50, .bg-gray-100,
[style*="background-color: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"] {
  background-color: #151827 !important;
  color: #e2e8f0 !important;
}

/* Block Fider's light-mode palette from overriding dark colors */
[data-theme="light"] { color-scheme: dark; }

/* ── Navbar ───────────────────────────────────────────────────────── */
.c-navbar,
nav,
[class*="navbar"] {
  background-color: #07080f !important;
  border-bottom: 1px solid rgba(99,102,241,0.14) !important;
}
.c-navbar__logo,
[class*="navbar"] .title,
[class*="navbar"] span {
  color: #f1f5f9 !important;
}
[class*="navbar"] a,
[class*="navbar"] button {
  color: #94a3b8 !important;
}

/* ── Left welcome column ──────────────────────────────────────────── */
.p-home__welcome-col {
  background-color: #0f111a !important;
  border: 1px solid rgba(99,102,241,0.20) !important;
  border-radius: 12px !important;
  padding: 1.25rem !important;
}
/* All text inside the welcome card: readable */
.p-home__welcome-col,
.p-home__welcome-col p,
.p-home__welcome-col span,
.p-home__welcome-col div,
.p-home__welcome-col label {
  color: #cbd5e1 !important;
}
.p-home__welcome-col h1,
.p-home__welcome-col h2,
.p-home__welcome-col h3,
.p-home__welcome-col strong {
  color: #f1f5f9 !important;
}
/* Back-to-site pill link */
.p-home__welcome-col a {
  color: #818cf8 !important;
  text-decoration: none !important;
}
.p-home__welcome-col p:first-child a {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.75rem;
  background: rgba(99,102,241,0.10);
  border: 1px solid rgba(99,102,241,0.30);
  border-radius: 20px;
  font-size: 0.82rem;
  font-weight: 500;
  transition: background 0.15s;
}
.p-home__welcome-col p:first-child a:hover {
  background: rgba(99,102,241,0.22) !important;
  color: #a5b4fc !important;
}

/* ── Right posts column ───────────────────────────────────────────── */
.p-home__posts-col {
  background-color: transparent !important;
  color: #e2e8f0 !important;
}
/* The top filter/search bar area */
.c-posts-container__header,
[class*="posts-container"] > div:first-child,
[class*="filter"],
[class*="search-bar"] {
  background-color: #0f111a !important;
  border: 1px solid rgba(99,102,241,0.15) !important;
  border-radius: 8px !important;
  color: #e2e8f0 !important;
}

/* ── Banners / info boxes ─────────────────────────────────────────── */
[class*="notification"],
[class*="alert"],
[class*="banner"],
[class*="message--info"],
.c-notification {
  background-color: rgba(99,102,241,0.10) !important;
  border: 1px solid rgba(99,102,241,0.25) !important;
  border-radius: 8px !important;
  color: #cbd5e1 !important;
}
[class*="notification"] *,
[class*="alert"] *,
[class*="banner"] * {
  color: #cbd5e1 !important;
}
[class*="notification"] strong,
[class*="alert"] strong {
  color: #f1f5f9 !important;
}

/* ── Feedback / share form ────────────────────────────────────────── */
.c-share-feedback,
.c-share-feedback__content,
.c-share-feedback-form {
  background-color: #151827 !important;
  border: 1px solid rgba(99,102,241,0.18) !important;
  border-radius: 12px !important;
}
.c-share-feedback *,
.c-share-feedback-form * {
  color: #e2e8f0 !important;
}

/* ── Inputs & textareas ───────────────────────────────────────────── */
input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select,
.c-input {
  background-color: #0f111a !important;
  border: 1px solid rgba(99,102,241,0.28) !important;
  color: #e2e8f0 !important;
  border-radius: 6px !important;
}
input::placeholder,
textarea::placeholder {
  color: #4a5280 !important;
  opacity: 1 !important;
}
input:focus,
textarea:focus,
.c-input:focus {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,0.18) !important;
  outline: none !important;
}

/* ── Buttons ──────────────────────────────────────────────────────── */
.c-button--primary,
.button.is-primary,
button[class*="primary"] {
  background-color: #6366f1 !important;
  border-color: #6366f1 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
}
.c-button--primary:hover,
.button.is-primary:hover {
  background-color: #4f46e5 !important;
}
.c-button--secondary,
.button:not(.is-primary) {
  background-color: #151827 !important;
  border: 1px solid rgba(99,102,241,0.28) !important;
  color: #e2e8f0 !important;
  border-radius: 6px !important;
}

/* ── Cards / boxes ────────────────────────────────────────────────── */
.box,
.card,
[class*="post-item"],
[class*="c-post"] {
  background-color: #0f111a !important;
  border: 1px solid rgba(99,102,241,0.14) !important;
  border-radius: 10px !important;
  color: #e2e8f0 !important;
}
.box *,
.card *,
[class*="post-item"] *,
[class*="c-post"] * {
  color: #e2e8f0 !important;
}
[class*="post-item"] strong,
[class*="c-post"] strong,
.box strong {
  color: #f1f5f9 !important;
}

/* ── Links ────────────────────────────────────────────────────────── */
a { color: #818cf8 !important; }
a:hover { color: #a5b4fc !important; }

/* ── Tags ─────────────────────────────────────────────────────────── */
[class*="c-tag"],
[class*="tag"] {
  background-color: rgba(99,102,241,0.10) !important;
  border: 1px solid rgba(99,102,241,0.22) !important;
  color: #818cf8 !important;
  border-radius: 4px !important;
}

/* ── Vote buttons ─────────────────────────────────────────────────── */
[class*="vote"],
[class*="counter"] {
  background-color: #0f111a !important;
  border: 1px solid rgba(99,102,241,0.20) !important;
  color: #94a3b8 !important;
  border-radius: 6px !important;
}

/* ── Modals ───────────────────────────────────────────────────────── */
.c-modal-window,
[class*="modal"] {
  background-color: #0f111a !important;
  border: 1px solid rgba(99,102,241,0.22) !important;
  border-radius: 12px !important;
  color: #e2e8f0 !important;
}
[class*="modal"] * { color: #e2e8f0 !important; }
[class*="modal"] h1,
[class*="modal"] h2,
[class*="modal"] strong { color: #f1f5f9 !important; }
[class*="modal-backdrop"],
.modal-background {
  background-color: rgba(7,8,15,0.85) !important;
}

/* ── Footer / powered-by ──────────────────────────────────────────── */
footer,
[class*="powered-by"] {
  opacity: 0.22 !important;
}

/* ── Scrollbar ────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0f111a; }
::-webkit-scrollbar-thumb { background: #2a3050; border-radius: 3px; }