/*
 * cathi-ui -> Flarum 组件桥（终末地背景，编译自 themes/endfield.css 单一来源）
 * 由 extend.php 在 endfield.css 之后注入，使 Flarum 继承终末地 contour 科技感背景
 * 改背景只需改 themes/endfield.css 后重跑: python tools/gen_flarum_components.py
 * 部署还需把 assets/patterns/endfield-contour.svg 拷到 public/assets/endfield-contour.svg
 */

body {
  background-image:
    url(/assets/endfield-contour.svg),
    linear-gradient(hsl(214 13% 34% / .14) 1px, transparent 1px),
    linear-gradient(90deg, hsl(214 13% 34% / .14) 1px, transparent 1px),
    radial-gradient(1200px 620px at 86% -14%, hsl(68 100% 42% / .28), transparent 62%),
    radial-gradient(1000px 580px at -10% 116%, hsl(210 40% 55% / .24), transparent 58%),
    linear-gradient(180deg, hsl(220 14% 96%) 0%, hsl(220 14% 92%) 100%);
  background-size: cover, 30px 30px, 30px 30px, auto, auto, auto;
  background-position: center, 0 0, 0 0, center, center, center;
  background-repeat: no-repeat, repeat, repeat, no-repeat, no-repeat, no-repeat;
  background-attachment: fixed, scroll, scroll, scroll, scroll, scroll;
}

[data-theme^="dark"] body,
.dark body,
html.dark body,
body.dark {
  background-image:
    url(/assets/endfield-contour.svg),
    linear-gradient(hsl(214 13% 34% / .16) 1px, transparent 1px),
    linear-gradient(90deg, hsl(214 13% 34% / .16) 1px, transparent 1px),
    radial-gradient(1100px 560px at 82% -12%, hsl(68 100% 45% / .26), transparent 60%),
    radial-gradient(900px 520px at -8% 112%, hsl(210 30% 20% / .42), transparent 55%);
  background-size: cover, 30px 30px, 30px 30px, auto, auto;
  background-position: center, 0 0, 0 0, center, center;
  background-repeat: no-repeat, repeat, repeat, no-repeat, no-repeat;
  background-attachment: fixed, scroll, scroll, scroll, scroll;
}

/* ── 论坛容器透明/半透明覆盖：让 body contour 完整透出 ── */

/* 顶层布局容器：彻底透明 */
#app,
.App,
.App-content,
#content,
.container,
.sideNavContainer,
.IndexPage,
.IndexPage-nav,
.IndexPage-results,
.IndexPage-toolbar,
.TagsPage,
.TagsPage .container,
.UserPage,
.UserPage .container,
.DiscussionPage,
.DiscussionPage-nav,
.DiscussionPage-stream,
.NotificationsPage { background: transparent !important; }

/* 主要卡片/面板：半透明表面（透出 contour 同时保证可读） */
.DiscussionListItem,
.DiscussionList-discussions > li,
.DiscussionListItem-content,
.DiscussionListItem-main,
.DiscussionListItem-main:hover,
.DiscussionListItem-main:focus,
.TagsPage .TagTile,
.TagsPage .TagIcon,
.UserPage .UserCard,
.PostStream-item,
.PostStream-item .Post,
.NotificationGroup-content,
.NotificationList .Notification,
.Dropdown-menu > li > a,
.Dropdown-menu > li > button,
.SelectDropdown-list > li > a,
.SelectDropdown-list > li > button,
.sideNav,
.sideNav--horizontal,
.Dropdown-menu,
.UserCard,
.UserCard-profile,
.Post,
.Post-body,
.Notification,
.Notification-content,
.Modal-header,
.Modal-body,
.Modal-footer,
.Modal-content,
.Composer,
.App-composer,
.Composer-body,
.item-excerpt,
.DiscussionPage-options-dropdown {
  background: hsl(var(--cathi-card) / .72) !important;
}

/* 深色档：同样 alpha（用四组选择器保证 specificity 赢过 forum.css） */
[data-theme^="dark"] .DiscussionListItem,
.dark .DiscussionListItem,
html.dark .DiscussionListItem,
body.dark .DiscussionListItem,
[data-theme^="dark"] .DiscussionList-discussions > li,
.dark .DiscussionList-discussions > li,
html.dark .DiscussionList-discussions > li,
body.dark .DiscussionList-discussions > li,
[data-theme^="dark"] .DiscussionListItem-content,
.dark .DiscussionListItem-content,
html.dark .DiscussionListItem-content,
body.dark .DiscussionListItem-content,
[data-theme^="dark"] .DiscussionListItem-main,
.dark .DiscussionListItem-main,
html.dark .DiscussionListItem-main,
body.dark .DiscussionListItem-main,
[data-theme^="dark"] .DiscussionListItem-main:hover,
.dark .DiscussionListItem-main:hover,
html.dark .DiscussionListItem-main:hover,
body.dark .DiscussionListItem-main:hover,
[data-theme^="dark"] .DiscussionListItem-main:focus,
.dark .DiscussionListItem-main:focus,
html.dark .DiscussionListItem-main:focus,
body.dark .DiscussionListItem-main:focus,
[data-theme^="dark"] .TagsPage .TagTile,
.dark .TagsPage .TagTile,
html.dark .TagsPage .TagTile,
body.dark .TagsPage .TagTile,
[data-theme^="dark"] .TagsPage .TagIcon,
.dark .TagsPage .TagIcon,
html.dark .TagsPage .TagIcon,
body.dark .TagsPage .TagIcon,
[data-theme^="dark"] .UserPage .UserCard,
.dark .UserPage .UserCard,
html.dark .UserPage .UserCard,
body.dark .UserPage .UserCard,
[data-theme^="dark"] .PostStream-item,
.dark .PostStream-item,
html.dark .PostStream-item,
body.dark .PostStream-item,
[data-theme^="dark"] .PostStream-item .Post,
.dark .PostStream-item .Post,
html.dark .PostStream-item .Post,
body.dark .PostStream-item .Post,
[data-theme^="dark"] .NotificationGroup-content,
.dark .NotificationGroup-content,
html.dark .NotificationGroup-content,
body.dark .NotificationGroup-content,
[data-theme^="dark"] .NotificationList .Notification,
.dark .NotificationList .Notification,
html.dark .NotificationList .Notification,
body.dark .NotificationList .Notification,
[data-theme^="dark"] .Dropdown-menu > li > a,
.dark .Dropdown-menu > li > a,
html.dark .Dropdown-menu > li > a,
body.dark .Dropdown-menu > li > a,
[data-theme^="dark"] .Dropdown-menu > li > button,
.dark .Dropdown-menu > li > button,
html.dark .Dropdown-menu > li > button,
body.dark .Dropdown-menu > li > button,
[data-theme^="dark"] .SelectDropdown-list > li > a,
.dark .SelectDropdown-list > li > a,
html.dark .SelectDropdown-list > li > a,
body.dark .SelectDropdown-list > li > a,
[data-theme^="dark"] .SelectDropdown-list > li > button,
.dark .SelectDropdown-list > li > button,
html.dark .SelectDropdown-list > li > button,
body.dark .SelectDropdown-list > li > button,
[data-theme^="dark"] .sideNav,
.dark .sideNav,
html.dark .sideNav,
body.dark .sideNav,
[data-theme^="dark"] .sideNav--horizontal,
.dark .sideNav--horizontal,
html.dark .sideNav--horizontal,
body.dark .sideNav--horizontal,
[data-theme^="dark"] .Dropdown-menu,
.dark .Dropdown-menu,
html.dark .Dropdown-menu,
body.dark .Dropdown-menu,
[data-theme^="dark"] .UserCard,
.dark .UserCard,
html.dark .UserCard,
body.dark .UserCard,
[data-theme^="dark"] .UserCard-profile,
.dark .UserCard-profile,
html.dark .UserCard-profile,
body.dark .UserCard-profile,
[data-theme^="dark"] .Post,
.dark .Post,
html.dark .Post,
body.dark .Post,
[data-theme^="dark"] .Post-body,
.dark .Post-body,
html.dark .Post-body,
body.dark .Post-body,
[data-theme^="dark"] .Notification,
.dark .Notification,
html.dark .Notification,
body.dark .Notification,
[data-theme^="dark"] .Notification-content,
.dark .Notification-content,
html.dark .Notification-content,
body.dark .Notification-content,
[data-theme^="dark"] .Modal-header,
.dark .Modal-header,
html.dark .Modal-header,
body.dark .Modal-header,
[data-theme^="dark"] .Modal-body,
.dark .Modal-body,
html.dark .Modal-body,
body.dark .Modal-body,
[data-theme^="dark"] .Modal-footer,
.dark .Modal-footer,
html.dark .Modal-footer,
body.dark .Modal-footer,
[data-theme^="dark"] .Modal-content,
.dark .Modal-content,
html.dark .Modal-content,
body.dark .Modal-content,
[data-theme^="dark"] .Composer,
.dark .Composer,
html.dark .Composer,
body.dark .Composer,
[data-theme^="dark"] .App-composer,
.dark .App-composer,
html.dark .App-composer,
body.dark .App-composer,
[data-theme^="dark"] .Composer-body,
.dark .Composer-body,
html.dark .Composer-body,
body.dark .Composer-body,
[data-theme^="dark"] .item-excerpt,
.dark .item-excerpt,
html.dark .item-excerpt,
body.dark .item-excerpt,
[data-theme^="dark"] .DiscussionPage-options-dropdown,
.dark .DiscussionPage-options-dropdown,
html.dark .DiscussionPage-options-dropdown,
body.dark .DiscussionPage-options-dropdown {
  background: hsl(var(--cathi-card) / .72) !important;
}

/* hover / active：稍微更不透明，保持交互反馈 */
.DiscussionListItem:hover,
.DiscussionList-discussions > li:hover,
.Dropdown-menu > li > a:hover,
.Dropdown-menu > li > button:hover,
.sideNav .Dropdown-menu > li.active,
.sideNav .Dropdown-menu > li > a:hover,
.sideNav .Dropdown-menu > li > button:hover,
.Notification:hover {
  background: hsl(var(--cathi-card) / .85) !important;
}

/* hover / active 深色档 */
[data-theme^="dark"] .DiscussionListItem:hover,
.dark .DiscussionListItem:hover,
html.dark .DiscussionListItem:hover,
body.dark .DiscussionListItem:hover,
[data-theme^="dark"] .DiscussionList-discussions > li:hover,
.dark .DiscussionList-discussions > li:hover,
html.dark .DiscussionList-discussions > li:hover,
body.dark .DiscussionList-discussions > li:hover,
[data-theme^="dark"] .Dropdown-menu > li > a:hover,
.dark .Dropdown-menu > li > a:hover,
html.dark .Dropdown-menu > li > a:hover,
body.dark .Dropdown-menu > li > a:hover,
[data-theme^="dark"] .Dropdown-menu > li > button:hover,
.dark .Dropdown-menu > li > button:hover,
html.dark .Dropdown-menu > li > button:hover,
body.dark .Dropdown-menu > li > button:hover,
[data-theme^="dark"] .sideNav .Dropdown-menu > li.active,
.dark .sideNav .Dropdown-menu > li.active,
html.dark .sideNav .Dropdown-menu > li.active,
body.dark .sideNav .Dropdown-menu > li.active,
[data-theme^="dark"] .sideNav .Dropdown-menu > li > a:hover,
.dark .sideNav .Dropdown-menu > li > a:hover,
html.dark .sideNav .Dropdown-menu > li > a:hover,
body.dark .sideNav .Dropdown-menu > li > a:hover,
[data-theme^="dark"] .sideNav .Dropdown-menu > li > button:hover,
.dark .sideNav .Dropdown-menu > li > button:hover,
html.dark .sideNav .Dropdown-menu > li > button:hover,
body.dark .sideNav .Dropdown-menu > li > button:hover,
[data-theme^="dark"] .Notification:hover,
.dark .Notification:hover,
html.dark .Notification:hover,
body.dark .Notification:hover {
  background: hsl(var(--cathi-card) / .85) !important;
}

/* count / badge：次级表面 */
.DiscussionListItem-count,
.Badge,
.UserCard .Badge {
  background: hsl(var(--cathi-muted) / .85) !important;
}

/* count / badge 深色档 */
[data-theme^="dark"] .DiscussionListItem-count,
.dark .DiscussionListItem-count,
html.dark .DiscussionListItem-count,
body.dark .DiscussionListItem-count,
[data-theme^="dark"] .Badge,
.dark .Badge,
html.dark .Badge,
body.dark .Badge,
[data-theme^="dark"] .UserCard .Badge,
.dark .UserCard .Badge,
html.dark .UserCard .Badge,
body.dark .UserCard .Badge {
  background: hsl(var(--cathi-muted) / .85) !important;
}

/* 置顶帖：保留黄绿渐变标识，但背景也半透明透出 contour */
.DiscussionListItem--sticky,
.DiscussionListItem--sticky:hover {
  background: linear-gradient(180deg, hsl(var(--cathi-primary) / .22), hsl(var(--cathi-card) / .78)) !important;
  border-left: 6px solid hsl(var(--cathi-primary)) !important;
}

/* 置顶帖深色档 */
[data-theme^="dark"] .DiscussionListItem--sticky,
.dark .DiscussionListItem--sticky,
html.dark .DiscussionListItem--sticky,
body.dark .DiscussionListItem--sticky,
[data-theme^="dark"] .DiscussionListItem--sticky:hover,
.dark .DiscussionListItem--sticky:hover,
html.dark .DiscussionListItem--sticky:hover,
body.dark .DiscussionListItem--sticky:hover {
  background: linear-gradient(180deg, hsl(var(--cathi-primary) / .22), hsl(var(--cathi-card) / .78)) !important;
  border-left: 6px solid hsl(var(--cathi-primary)) !important;
}

/* Hero / Widget：去掉 forum.css 的实心背景 + 偏移阴影矩形，让 contour 透上来 */
.Hero,
.WelcomeHero,
.TagHero,
.WidgetsContainer .Widget,
.Widget-content,
.item-widget,
.FofWidgets-Widget-content,
.NotificationList,
.NotificationGroup,
.NotificationGroup-header,
.NotificationList-header,
.NotificationGroup-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* footer 底栏：forum.css 给 body > footer 硬编码了浅色背景，链式 chartreuse 链接看不清；改深色半透明 + 白字 */
body > footer,
.App-footer,
body > footer:empty,
.App-footer:empty {
  background: hsl(var(--cathi-card) / .96) !important;
  color: hsl(var(--cathi-foreground)) !important;
  border: none !important;
  border-top: 1px solid hsl(var(--cathi-line) / .3) !important;
  box-shadow: none !important;
}
body > footer p,
body > footer span,
body > footer a,
body > footer a:link,
body > footer a:visited,
.App-footer p,
.App-footer span,
.App-footer a,
.App-footer a:link,
.App-footer a:visited {
  color: hsl(var(--cathi-foreground)) !important;
  text-decoration: underline !important;
}
body > footer a:hover,
.App-footer a:hover {
  color: hsl(var(--cathi-primary)) !important;
}

/* 覆盖 forum.css 底部硬编码的柠檬黄，改回 chartreuse/白 */
.Hero,
.WelcomeHero,
.Hero h1,
.Hero h2,
.Hero-title,
.WelcomeHero .Hero-title {
  color: hsl(var(--cathi-foreground)) !important;
  text-shadow: none !important;
}
.Hero-subtitle,
.WelcomeHero .Hero-subtitle {
  color: hsl(var(--cathi-primary)) !important;
}
.Hero::before,
.WelcomeHero::before {
  background: repeating-linear-gradient(45deg, transparent 0, transparent 24px, hsl(var(--cathi-primary) / .06) 24px, hsl(var(--cathi-primary) / .06) 48px) !important;
}
header .Header-secondary .Button--link:hover,
header .Header-secondary .Dropdown-toggle:hover,
header .Button--icon:hover,
.Hero .Hero-close.Button--icon:hover {
  color: hsl(var(--cathi-primary-foreground)) !important;
  background: hsl(var(--cathi-primary)) !important;
  border-color: hsl(var(--cathi-primary)) !important;
}

/* 深色档：同上 */
[data-theme^="dark"] .Hero,
[data-theme^="dark"] .WelcomeHero,
[data-theme^="dark"] .TagHero,
[data-theme^="dark"] .WidgetsContainer .Widget,
[data-theme^="dark"] .Widget-content,
[data-theme^="dark"] .item-widget,
[data-theme^="dark"] .FofWidgets-Widget-content,
[data-theme^="dark"] .NotificationList,
[data-theme^="dark"] .NotificationGroup,
[data-theme^="dark"] .NotificationGroup-header,
[data-theme^="dark"] .NotificationList-header,
[data-theme^="dark"] .NotificationGroup-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 深色档 footer 底栏 */
[data-theme^="dark"] body > footer,
[data-theme^="dark"] .App-footer,
[data-theme^="dark"] body > footer:empty,
[data-theme^="dark"] .App-footer:empty {
  background: hsl(var(--cathi-card) / .96) !important;
  color: hsl(var(--cathi-foreground)) !important;
  border: none !important;
  border-top: 1px solid hsl(var(--cathi-line) / .3) !important;
  box-shadow: none !important;
}
[data-theme^="dark"] body > footer p,
[data-theme^="dark"] body > footer span,
[data-theme^="dark"] body > footer a,
[data-theme^="dark"] body > footer a:link,
[data-theme^="dark"] body > footer a:visited,
[data-theme^="dark"] .App-footer p,
[data-theme^="dark"] .App-footer span,
[data-theme^="dark"] .App-footer a,
[data-theme^="dark"] .App-footer a:link,
[data-theme^="dark"] .App-footer a:visited {
  color: hsl(var(--cathi-foreground)) !important;
  text-decoration: underline !important;
}
[data-theme^="dark"] body > footer a:hover,
[data-theme^="dark"] .App-footer a:hover {
  color: hsl(var(--cathi-primary)) !important;
}
[data-theme^="dark"] .Hero,
[data-theme^="dark"] .WelcomeHero,
[data-theme^="dark"] .Hero h1,
[data-theme^="dark"] .Hero h2,
[data-theme^="dark"] .Hero-title,
[data-theme^="dark"] .WelcomeHero .Hero-title {
  color: hsl(var(--cathi-foreground)) !important;
  text-shadow: none !important;
}
[data-theme^="dark"] .Hero-subtitle,
[data-theme^="dark"] .WelcomeHero .Hero-subtitle {
  color: hsl(var(--cathi-primary)) !important;
}
[data-theme^="dark"] .Hero::before,
[data-theme^="dark"] .WelcomeHero::before {
  background: repeating-linear-gradient(45deg, transparent 0, transparent 24px, hsl(var(--cathi-primary) / .06) 24px, hsl(var(--cathi-primary) / .06) 48px) !important;
}
[data-theme^="dark"] header .Header-secondary .Button--link:hover,
[data-theme^="dark"] header .Header-secondary .Dropdown-toggle:hover,
[data-theme^="dark"] header .Button--icon:hover,
[data-theme^="dark"] .Hero .Hero-close.Button--icon:hover {
  color: hsl(var(--cathi-primary-foreground)) !important;
  background: hsl(var(--cathi-primary)) !important;
  border-color: hsl(var(--cathi-primary)) !important;
}

/* ── 对比度修复：透明/半透明表面上的文字必须可读 ── */
/* 提高 specificity（body 前缀）强制外层卡片半透明，抵消 forum.css 的 transparent */
body .DiscussionListItem,
body .DiscussionList-discussions > li,
body .DiscussionListItem-content,
body .DiscussionListItem-main,
body .DiscussionListItem-main:hover,
body .DiscussionListItem-main:focus,
body .sideNav,
body .sideNav--horizontal,
body .Dropdown-menu,
body .UserCard,
body .UserCard-profile,
body .Post,
body .Post-body,
body .Notification,
body .Notification-content,
body .Modal-header,
body .Modal-body,
body .Modal-footer,
body .Modal-content,
body .Composer,
body .App-composer,
body .Composer-body,
body .item-excerpt,
body .DiscussionPage-options-dropdown,
body .TagsPage .TagTile,
body .TagsPage .TagIcon,
body .UserPage .UserCard,
body .PostStream-item,
body .PostStream-item .Post,
body .NotificationGroup-content,
body .NotificationList .Notification,
body .Dropdown-menu > li > a,
body .Dropdown-menu > li > button,
body .SelectDropdown-list > li > a,
body .SelectDropdown-list > li > button {
  background: hsl(var(--cathi-card) / .82) !important;
}

/* 文字色统一提亮，避免 forum.css 默认灰/棕色在深色 contour 上失踪 */
body .DiscussionListItem-title,
body .DiscussionListItem .DiscussionListItem-info,
body .DiscussionListItem .DiscussionListItem-info .username,
body .DiscussionListItem .DiscussionListItem-info > span,
body .DiscussionListItem .DiscussionListItem-info > a,
body .DiscussionListItem-stats-item,
body .sideNav > li > a,
body .sideNav > li > button,
body .sideNav .Dropdown-menu > li > a,
body .sideNav .Dropdown-menu > li > button,
body .sideNav .Dropdown-menu > li.active > a,
body .Dropdown-menu > li > a,
body .Dropdown-menu > li > button,
body .SelectDropdown-list > li > a,
body .SelectDropdown-list > li > button,
body .TagLabel:not(.colored),
body .DiscussionListItem-count,
body .Badge,
body .App-footer,
body .App-footer a,
body .App-footer span,
body .App-footer li,
body .App-footer p {
  color: hsl(var(--cathi-foreground)) !important;
}

/* footer 单独加一条半透明底栏，避免压 contour 看不清 */
body .App-footer,
body .App-footer a,
body .App-footer span,
body .App-footer li,
body .App-footer p {
  background: hsl(var(--cathi-card) / .9) !important;
  color: hsl(var(--cathi-foreground)) !important;
}

/* 深色档：同上 */
[data-theme^="dark"] body .DiscussionListItem,
[data-theme^="dark"] body .DiscussionList-discussions > li,
[data-theme^="dark"] body .DiscussionListItem-content,
[data-theme^="dark"] body .DiscussionListItem-main,
[data-theme^="dark"] body .DiscussionListItem-main:hover,
[data-theme^="dark"] body .DiscussionListItem-main:focus,
[data-theme^="dark"] body .sideNav,
[data-theme^="dark"] body .sideNav--horizontal,
[data-theme^="dark"] body .Dropdown-menu,
[data-theme^="dark"] body .UserCard,
[data-theme^="dark"] body .UserCard-profile,
[data-theme^="dark"] body .Post,
[data-theme^="dark"] body .Post-body,
[data-theme^="dark"] body .Notification,
[data-theme^="dark"] body .Notification-content,
[data-theme^="dark"] body .Modal-header,
[data-theme^="dark"] body .Modal-body,
[data-theme^="dark"] body .Modal-footer,
[data-theme^="dark"] body .Modal-content,
[data-theme^="dark"] body .Composer,
[data-theme^="dark"] body .App-composer,
[data-theme^="dark"] body .Composer-body,
[data-theme^="dark"] body .item-excerpt,
[data-theme^="dark"] body .DiscussionPage-options-dropdown,
[data-theme^="dark"] body .TagsPage .TagTile,
[data-theme^="dark"] body .TagsPage .TagIcon,
[data-theme^="dark"] body .UserPage .UserCard,
[data-theme^="dark"] body .PostStream-item,
[data-theme^="dark"] body .PostStream-item .Post,
[data-theme^="dark"] body .NotificationGroup-content,
[data-theme^="dark"] body .NotificationList .Notification,
[data-theme^="dark"] body .Dropdown-menu > li > a,
[data-theme^="dark"] body .Dropdown-menu > li > button,
[data-theme^="dark"] body .SelectDropdown-list > li > a,
[data-theme^="dark"] body .SelectDropdown-list > li > button {
  background: hsl(var(--cathi-card) / .82) !important;
}

[data-theme^="dark"] body .DiscussionListItem-title,
[data-theme^="dark"] body .DiscussionListItem .DiscussionListItem-info,
[data-theme^="dark"] body .DiscussionListItem .DiscussionListItem-info .username,
[data-theme^="dark"] body .DiscussionListItem .DiscussionListItem-info > span,
[data-theme^="dark"] body .DiscussionListItem .DiscussionListItem-info > a,
[data-theme^="dark"] body .DiscussionListItem-stats-item,
[data-theme^="dark"] body .sideNav > li > a,
[data-theme^="dark"] body .sideNav > li > button,
[data-theme^="dark"] body .sideNav .Dropdown-menu > li > a,
[data-theme^="dark"] body .sideNav .Dropdown-menu > li > button,
[data-theme^="dark"] body .sideNav .Dropdown-menu > li.active > a,
[data-theme^="dark"] body .Dropdown-menu > li > a,
[data-theme^="dark"] body .Dropdown-menu > li > button,
[data-theme^="dark"] body .SelectDropdown-list > li > a,
[data-theme^="dark"] body .SelectDropdown-list > li > button,
[data-theme^="dark"] body .TagLabel:not(.colored),
[data-theme^="dark"] body .DiscussionListItem-count,
[data-theme^="dark"] body .Badge,
[data-theme^="dark"] body .App-footer,
[data-theme^="dark"] body .App-footer a,
[data-theme^="dark"] body .App-footer span,
[data-theme^="dark"] body .App-footer li,
[data-theme^="dark"] body .App-footer p {
  color: hsl(var(--cathi-foreground)) !important;
}

[data-theme^="dark"] body .App-footer,
[data-theme^="dark"] body .App-footer a,
[data-theme^="dark"] body .App-footer span,
[data-theme^="dark"] body .App-footer li,
[data-theme^="dark"] body .App-footer p {
  background: hsl(var(--cathi-card) / .9) !important;
  color: hsl(var(--cathi-foreground)) !important;
}