/* ========================================
   CHATGPT-STYLE DARK THEME
======================================== */

html, body {
  background-color: #212121;   /* neutral charcoal */
  color: #e8e8e8;              /* soft white */
}

/* Smooth transitions */
body, a {
  transition: color 0.2s ease, background 0.2s ease;
}

/* ========================================
   LINKS
======================================== */

a {
  color: #8ab4f8;  /* softer blue */
}

a:hover {
  color: #a6c8ff;
  text-decoration: underline;
}

/* ========================================
   MASTHEAD / SITE TITLE
======================================== */

header.masthead {
  border-bottom: 1px solid #2f2f2f;
}

.masthead-title,
.masthead-title a {
  color: #e8e8e8 !important;   /* softer than pure white */
  font-weight: 600;
}

.masthead-title a:hover {
  color: #ffffff !important;
}

/* ========================================
   POST TITLES
======================================== */

.post-title,
.post-title a {
  color: #f3f3f3;
}

.post-title a:hover {
  color: #ffffff;
}

/* ========================================
   META TEXT
======================================== */

.post-meta,
.date,
.subtitle,
small {
  color: #b5b5b5;
}

/* ========================================
   DIVIDERS
======================================== */

hr {
  border-color: #2f2f2f;
}

/* ========================================
   BLOCKQUOTES
======================================== */

blockquote {
  border-left: 4px solid #3a3a3a;
  color: #d0d0d0;
}

/* ========================================
   CODE BLOCKS
======================================== */

pre {
  background: #2a2a2a;
  color: #e8e8e8;
  padding: 1rem;
  overflow-x: auto;
  border-radius: 6px;
  border: 1px solid #333;
}

code {
  background: #2c2c2c;
  color: #e8e8e8;
  padding: 2px 4px;
  border-radius: 4px;
}

/* ========================================
   TABLES
======================================== */

table {
  border-collapse: collapse;
  border: 1px solid #333;
}

th, td {
  border: 1px solid #333;
  padding: 8px;
}

/* ========================================
   CARDS / ARCHIVE LISTS
======================================== */

.post-card,
.archive-item {
  background: #2a2a2a;
  border: 1px solid #333;
}

/* ========================================
   TEXT SELECTION
======================================== */

::selection {
  background: #3b82f6;
  color: white;
}