/* ==========================
   4chan-style Yotsuba Theme
   Cleaned + Recolor for Silk
   ========================== */

/* ===== COLOR PALETTE ===== */
:root {
  --overall-bg: #ede0d6;     /* page background */
  --post-bg:    #feffee;     /* post boxes */
  --accent:     #7a983a;     /* borders, highlights */
  --text-main:  #6a0005;     /* links + main text */
  --light:      #ffffff;
  --light-soft: #f9f9f9;
  --grey:       #555555;
  --greentext:  #669f96;
}

/* ===== BASE ===== */
html, body {
    background: var(--overall-bg);
    color: var(--text-main);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
}

/* ===== LINKS ===== */
a {
    color: var(--text-main);
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: var(--accent);
}

/* ===== PAGE LAYOUT ===== */
div.board,
div.thread,
div.reply {
    background: var(--post-bg);
}

div.thread {
    padding: 24px;
    border: 2px solid var(--accent);
}

div.reply {
    border-left: 3px solid var(--accent);
    padding: 12px 14px;
    margin: 22px 0 22px 30px;
}

/* ===== HEADER ===== */
#header-bar {
    background: var(--accent);
    color: var(--light);
    padding: 10px;
    border-bottom: 4px solid var(--text-main);
}

/* ===== TITLES ===== */
div.boardTitle {
    font-family: monospace;
    font-size: 26px;
    color: var(--text-main);
}

/* ===== POST META ===== */
div.postInfo span.name {
    color: var(--text-main);
    font-weight: 600;
}
div.postInfo span.postNum a {
    color: var(--accent);
}

/* ===== QUOTES ===== */
blockquote span.quote {
    color: var(--greentext);
}

/* ===== QUOTELINKS ===== */
a.quotelink {
    color: var(--accent);
    font-weight: bold;
}

/* ===== HOVER REPLY PREVIEW ===== */
#qp {
    background: var(--post-bg);
    border: 3px solid var(--accent);
    padding: 10px;
}

/* ===== IMAGE FILE TEXT ===== */
.fileText {
    color: var(--grey);
}
.fileText a {
    color: var(--accent);
}

/* ===== CATALOG ===== */
.catalog-post {
    background: var(--post-bg);
    border: 2px solid var(--accent);
}

/* ===== INPUTS ===== */
input,
select,
textarea {
    background: var(--post-bg);
    border: 2px solid var(--accent);
    color: var(--text-main);
}

/* ===== THREAD TRACKER ===== */
#thread-watcher {
    background: var(--post-bg);
    border: 2px dashed var(--accent);
}

/* ===== HIGHLIGHTS ===== */
.reply.highlight,
.reply:target {
    background: var(--light-soft);
    outline: 2px solid var(--accent);
}

/* ===== REMOVE CLUTTER ===== */
#shortcut-index-refresh,
#shortcut-qr,
#blotter,
#announce,
#absbot,
.middlead,
.bottomCtrl,
hr {
    display: none;
}

/* ===== MISC ===== */
.omittedposts,
.abbr {
    color: var(--grey);
}

/* ==========================
   4CHAN-STYLE BOARD LIST
   ========================== */

#board-list {
  background: var(--accent);
  border-bottom: 4px solid var(--text-main);
  padding: 6px 10px;
  font-family: monospace;
  font-size: 14px;

  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#board-list a {
  color: var(--light);
  text-decoration: none;
}

#board-list a:hover {
  text-decoration: underline;
  color: var(--post-bg);
}
#board-list a.current {
  font-weight: 700;
  color: var(--post-bg);
  text-decoration: underline;
}