/* ===== Lathom dark shell v2 — apex home look, content stays readable ===== */
:root {
  --lw-bg: #070b10;
  --lw-panel: #10161e;
  --lw-line: #243040;
  --lw-text: #eef1f6;
  --lw-muted: #b0bccb;
  --lw-dim: #7a8799;
  --lw-cyan: #5ee7ff;
  --lw-link: #8ecfff;
  --lw-banner: #0e262e;
}

html {
  background-color: var(--lw-bg) !important;
  color-scheme: dark;
  min-height: 100%;
}

html, body {
  background-color: var(--lw-bg) !important;
  background-image:
    radial-gradient(ellipse 90% 50% at 50% -5%, #142a32 0%, transparent 55%) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  color: var(--lw-text) !important;
  margin: 0 !important;
  min-height: 100%;
}

/* Do NOT hide images, tables, or entry text — only recolor chrome */
#banner,
.description,
#banner-commentspop {
  background: linear-gradient(180deg, #163d48, var(--lw-banner)) !important;
  border-bottom: 1px solid var(--lw-line) !important;
  color: #fff !important;
}
#banner a,
#banner a:link,
#banner a:visited,
#banner a:hover,
#banner a:active {
  color: #fff !important;
  text-decoration: none !important;
}
.description { color: var(--lw-cyan) !important; }

#content,
#links,
#menu {
  background-color: rgba(16, 22, 30, 0.94) !important;
  border-color: var(--lw-line) !important;
  color: var(--lw-text) !important;
}

/* MT white panels → transparent so page gradient shows through */
.blog,
.blogbody,
.calendar,
.calendarhead,
.side,
.sidesmall,
.sidelarge,
.sidetitle,
.comments-body,
.comments-post,
.trackback-body,
.trackback-url,
.trackback-post,
.date,
.posted,
.comments-head,
#footer {
  background-color: transparent !important;
  background-image: none !important;
}

.blogbody,
.side,
.sidesmall,
.sidelarge,
.comments-body,
.trackback-body,
.trackback-post,
.comments-post {
  color: var(--lw-muted) !important;
}

.title,
.posted,
.calendarhead {
  color: var(--lw-cyan) !important;
}

.date,
.sidetitle,
.comments-head,
#footer {
  color: var(--lw-dim) !important;
  border-color: var(--lw-line) !important;
}

.calendar { color: var(--lw-muted) !important; }

/* Links: keep layout, just recolor (no removing underlines if MT used none) */
a:link,
a:visited {
  color: var(--lw-link) !important;
}
a:hover,
a:active {
  color: var(--lw-cyan) !important;
}

/* Photos / thumbs: never clip or hide */
img {
  max-width: 100%;
  height: auto;
  background: transparent !important;
  border-color: var(--lw-line) !important;
}

/* Static /marilyn/ gray sidebars */
body table td[bgcolor],
body table td[BGCOLOR] {
  background-color: var(--lw-panel) !important;
  color: var(--lw-text) !important;
}
hr {
  border: 0;
  border-top: 1px solid var(--lw-line) !important;
  background: transparent !important;
}

/* Unstyled fallback if only this file loads */
body > table,
body > div {
  color: var(--lw-text);
}
