/* Тема «Futaba» — как на 2ch.org (futaba-theme-spec §8 токен-сет + §3
   типографика + компонентные правила «футаба-характера»). Только токены и
   цветовые/компонентные правила поверх базового слоя. Только same-origin стили. */

:root,
html[data-style="futaba"] {
  --theme_bg: #FFFFEE;
  --theme_postbg: #F0E0D6;
  --theme_postbg-hl: #F3CFB9;
  --theme_border: #F0D0B6;
  --theme_text: #800000;
  --theme_alttext: #794F4F;
  --theme_link: #FF6600;
  --theme_link-hover: #FF0000;
  --theme_greentext: #789922;
  --theme_spectext: #800080;
  --theme_title: #004A99;
  --theme_spoiler: #F0D0B6;
  --theme_drag: #EAB78C;
  --theme_icon: #794F4F;
  --theme_btnbg: #EAEAEA;
  --theme_btnborder: #E0E0E0;
  --theme_btnbg-hover: #CACACA;
  --theme_inputbg: #F5F5F5;
  --theme_inputbg-focus: #FFFFFF;
  --theme_btntext: #333333;
  --theme_topbar-bg: #1A1A1A; /* тёмная полоса верхнего меню §5.1 */
}

html[data-style="futaba"] {
  font-family: Verdana, sans-serif;
}

/* Футаба-характер (§8) */
body {
  background: var(--theme_bg);
  color: var(--theme_text);
  line-height: 1.3;
}
a {
  color: var(--theme_link);
  text-decoration: none;
}
a:hover {
  color: var(--theme_link-hover);
}

.topbar {
  background: var(--theme_topbar-bg);
  color: var(--theme_bg);
  border-bottom: 1px solid var(--theme_postbg);
}
.topbar a {
  color: var(--theme_link);
}
.topbar a:hover {
  color: var(--theme_link-hover);
}

.board-header h1 a {
  color: var(--theme_link);
}
.newthread {
  color: var(--theme_link);
}
.newthread:hover {
  color: var(--theme_link-hover);
}

.sidebar summary {
  background: var(--theme_postbg);
  font-size: 0.9em;
}
.sidebar summary:hover {
  background: var(--theme_border);
}
.sidebar a {
  color: var(--theme_link);
}
.sidebar a:hover {
  color: var(--theme_link-hover);
}
.nsfw {
  color: var(--theme_alttext);
}

.post-op {
  background: transparent;
}
.post-reply {
  background: var(--theme_postbg);
  border: 1px solid var(--theme_border);
  border-radius: 3px;
}

.post-header {
  color: var(--theme_alttext);
}
.post-header a {
  color: var(--theme_alttext);
}
.post-header a:hover {
  color: var(--theme_link-hover);
}
.post-header .post-replylink {
  color: var(--theme_link);
}
.post-subject {
  color: var(--theme_title);
}
.post-name {
  color: var(--theme_alttext);
}

.lt-link {
  color: var(--theme_link);
  cursor: pointer;
}
.lt-link:hover {
  color: var(--theme_link-hover);
}

/* Класс-специфичность поверх общего `a:hover` (заглушка конфликта класса
   над псевдоклассом): кнопка «Ответ» у OP и имя поста ховерятся по токену.
   `.post-header .post-replylink` (0-2-0) и `.post-header .post-name`
   (0-2-0) перебивают `.post-header a` (0-1-1) и `a:hover` (0-1-1)
   БЕЗ !important; псевдо `:hover` (0-2-1) даёт ховер-токен. */
.post-header .post-replylink:hover {
  color: var(--theme_link-hover);
}
.post-header .post-name:hover {
  color: var(--theme_link-hover);
}

.fileinfo {
  color: var(--theme_link);
}
.fileinfo:hover {
  color: var(--theme_link-hover);
}
.media-meta {
  color: var(--theme_alttext);
}

.omitted {
  color: var(--theme_alttext);
  font-size: 0.9em;
  margin-left: 20px; /* §5.6 */
}

.backlinks {
  color: var(--theme_alttext);
}
.backlinks a {
  color: var(--theme_link);
}
.backlinks a:hover {
  color: var(--theme_link-hover);
}

/* Компонентные правила футаба-характера (§8): гринтекст и спойлер. */
.greentext {
  color: var(--theme_greentext);
}
.spoiler {
  color: transparent;
  background: var(--theme_spoiler);
}
.spoiler:hover {
  color: inherit;
  background: transparent;
}

.pager {
  background: var(--theme_postbg);
  border: 1px solid var(--theme_border);
  color: var(--theme_alttext);
}
.pager a {
  color: var(--theme_link);
}
.pager a:hover {
  color: var(--theme_link-hover);
}
.pager-current {
  color: var(--theme_alttext);
}

.footer-info {
  color: var(--theme_alttext);
}