:root[data-theme="dark"] {
  color-scheme: dark;

  --sf-0: #0d1117;
  --sf-1: #151a20;
  --sf-2: #1c222a;
  --sf-3: #242c36;
  --band: #080b0f;

  --line: #262e38;
  --line-2: #212832;
  --line-soft: #212832;

  --chip-bg: #232b35;
  --line-h: #3a4553;

  --ink: #e8ecf1;
  --ink-soft: #c3ccd8;
  --ink-1: #e8ecf1;
  --ink-2: #9aa5b4;
  --ink-3: #7b8797;
  --text: #dbe2ea;
  --text-soft: #9aa5b4;
  --text-muted: #7b8797;

  --cream: #1c222a;
  --paper: #151a20;
  --card-bg: #151a20;

  --bg: #242c36;

  --gold: #d9a544;
  --gold-bright: #eec164;

  --gold-ink: #e0b155;
  --gold-text: #e6bd6d;
  --gold-soft: rgba(217, 165, 68, 0.14);
  --brand: #4a9eff;
  --brand-ink: #d9a544;
  --on-brand: #0d1117;

  --up: #26c281;
  --up-bg: rgba(38, 194, 129, 0.15);
  --down: #ff5c5c;
  --down-bg: rgba(255, 92, 92, 0.15);
  --warn: #e0aa4a;
  --ok: #4bd693;
  --err: #ff8b82;
}

:root[data-theme="dark"][data-elderly="on"] {
  --line: #313b48;
  --text: #f1f5f9;
  --text-soft: #b3bdca;
  --ink: #ffffff;
}

:root[data-theme="dark"] {
  background: var(--sf-0);
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] body.is-focus {
  background: var(--sf-0);
  color: var(--text);
}

:root[data-theme="dark"] ::selection {
  background: rgba(217, 165, 68, 0.3);
  color: #fff;
}

:root[data-theme="dark"] ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

:root[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--sf-0);
}

:root[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #2c3644;
  border: 3px solid var(--sf-0);
  border-radius: 8px;
}

:root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--line-h);
}

:root[data-theme="dark"] .skip-link,
:root[data-theme="dark"] .skiplink {
  background: var(--gold);
  color: #14100a;
}

:root[data-theme="dark"] .utility-bar {
  background: var(--band);
  color: var(--ink-2);
  border-bottom: 1px solid var(--line);
}

:root[data-theme="dark"] .me__av {
  background: var(--sf-3);
  color: var(--gold-bright);
}

:root[data-theme="dark"] .tboard {
  background: var(--band);
  border-top-color: rgba(217, 165, 68, 0.22);
  border-bottom-color: var(--line);
}

:root[data-theme="dark"] .value-hero {
  background: linear-gradient(135deg, #161d27 0%, #1f2937 100%);
  border-color: rgba(217, 165, 68, 0.45);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
}

:root[data-theme="dark"] .news-thumb,
:root[data-theme="dark"] .story__media,
:root[data-theme="dark"] .ncard__media {
  background: linear-gradient(145deg, #232d3a, #12171e);
}

:root[data-theme="dark"] .paywall__pair {
  background: var(--band);
  border-color: rgba(217, 165, 68, 0.3);
}

:root[data-theme="dark"] .paywall__plan--best .paywall__plan-delay {
  background: var(--sf-3);
  color: var(--ink);
}

:root[data-theme="dark"] footer.sitefoot {
  background: var(--band);
  color: var(--ink-2);
}

:root[data-theme="dark"] .cmsg--mine .cmsg__body {
  background: #26313f;
  color: var(--ink);
}

:root[data-theme="dark"] .chat__new {
  background: var(--gold);
  color: #14100a;
}

:root[data-theme="dark"] .chat__new:hover {
  background: var(--gold-bright);
}

:root[data-theme="dark"] .ticket-tab--active {
  background: var(--gold) !important;
  color: #14100a !important;
}

:root[data-theme="dark"] .btn-gold,
:root[data-theme="dark"] .btn--primary,
:root[data-theme="dark"] .plan__flag,
:root[data-theme="dark"] .plan-card.popular::before,
:root[data-theme="dark"] .paypanel__n,
:root[data-theme="dark"] .priceview__act a,
:root[data-theme="dark"] .ptile__flag,
:root[data-theme="dark"] .acct-avatar {
  color: #14100a;
}

:root[data-theme="dark"] .btn-gold {
  color: #14100a !important;
}

:root[data-theme="dark"] .watchlist-quota-up {
  color: #14100a !important;
}

:root[data-theme="dark"] .utility-chat:hover,
:root[data-theme="dark"] .utility-chat[aria-current="page"] {
  color: #14100a !important;
}

:root[data-theme="dark"] .nav-chat-btn:hover,
:root[data-theme="dark"] .nav-chat-btn[aria-current="page"] {
  background: var(--gold-bright);
  border-color: var(--gold-bright);
  color: #14100a;
}

:root[data-theme="dark"] .nav-chat-btn:hover svg,
:root[data-theme="dark"] .nav-chat-btn[aria-current="page"] svg {
  color: #14100a;
}

:root[data-theme="dark"] .utility-right a {
  color: var(--ink-2);
}

:root[data-theme="dark"] .utility-right a:hover {
  color: var(--ink);
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);

  border-radius: 999px;

  height: 30px;
  padding: 0 12px;
  color: #fff;
  font-weight: 600;
  font-size: 0.85rem;
  line-height: 1;
  white-space: nowrap;
  transition:
    background 0.2s ease,
    border-color 0.2s ease;
}

.theme-toggle:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.34);
}

.theme-toggle svg {
  flex-shrink: 0;
  color: var(--gold-bright);
}

.theme-toggle__ico--sun {
  display: none;
}

:root[data-theme="dark"] .theme-toggle__ico--sun {
  display: block;
}

:root[data-theme="dark"] .theme-toggle__ico--moon {
  display: none;
}

@media (max-width: 640px) {
  .theme-toggle {
    padding: 5px 10px;
    gap: 0;
  }
  .theme-toggle__label {
    display: none;
  }
}

:root[data-theme="dark"] header.main,
:root[data-theme="dark"] header.masthead {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

:root[data-theme="dark"] .navpanel {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

:where(:root[data-theme="dark"] .btn) {
  background: var(--sf-2);
  color: var(--ink);
  border-color: var(--line);
  box-shadow: none;
}

:where(:root[data-theme="dark"] .btn:hover) {
  background: var(--sf-3);
  border-color: var(--line-h);
}

:root[data-theme="dark"] .btn-ghost,
:root[data-theme="dark"] .btn--ghost,
:root[data-theme="dark"] .btn-white,
:root[data-theme="dark"] .plan .btn-white {
  background: var(--sf-2);
  color: var(--ink);
  border-color: var(--line);
  box-shadow: none;
}

:root[data-theme="dark"] .btn-ghost:hover,
:root[data-theme="dark"] .btn--ghost:hover,
:root[data-theme="dark"] .btn-white:hover {
  background: var(--sf-3);
  border-color: var(--line-h);
}

:root[data-theme="dark"] .btn-danger:hover,
:root[data-theme="dark"] .btn--danger:hover {
  color: #1a1010;
}

:root[data-theme="dark"] .nav-chat-btn {
  background: rgba(217, 165, 68, 0.12);
}

:root[data-theme="dark"] .nav-star-btn:hover,
:root[data-theme="dark"] .nav-star-btn[aria-current="page"] {
  background: rgba(217, 165, 68, 0.12);
}

:root[data-theme="dark"] .nav-chat-btn__badge {
  border-color: var(--paper);
}

@media (max-width: 980px) {

  :root[data-theme="dark"] .nav-actions .nav-chat-btn:not(:hover):not([aria-current="page"]) {
    background: rgba(217, 165, 68, 0.12);
  }
  :root[data-theme="dark"] .nav-actions .nav-chat-btn {
    box-shadow: none;
  }
  :root[data-theme="dark"] .nav-actions .nav-star-btn,
  :root[data-theme="dark"] .nav-actions .me__av {
    box-shadow: none;
  }
}

:root[data-theme="dark"] .news-card,
:root[data-theme="dark"] .story,
:root[data-theme="dark"] .ncard {
  box-shadow: none;
}

:root[data-theme="dark"] .news-card:hover,
:root[data-theme="dark"] .story:hover,
:root[data-theme="dark"] .ncard:hover {
  box-shadow: none;
}

:root[data-theme="dark"] .nlock__time {
  color: var(--gold-bright);
}

:root[data-theme="dark"] .nlock__time[data-urgent] {
  color: #ff8080;
}

:root[data-theme="dark"] .itag--up,
:root[data-theme="dark"] .itag--positive,
:root[data-theme="dark"] .impact-pill--positive,
:root[data-theme="dark"] .rel-stock-row__chg--up {
  border-color: rgba(38, 194, 129, 0.35);
}

:root[data-theme="dark"] .itag--down,
:root[data-theme="dark"] .itag--negative,
:root[data-theme="dark"] .impact-pill--negative,
:root[data-theme="dark"] .rel-stock-row__chg--down {
  border-color: rgba(255, 92, 92, 0.35);
}

:root[data-theme="dark"] .impact-pill--neutral,
:root[data-theme="dark"] .rel-stock-row__chg--flat {
  background: var(--sf-3);
  color: var(--ink-2);
  border-color: var(--line);
}

:root[data-theme="dark"] .itag--flat,
:root[data-theme="dark"] .itag--neutral {
  color: var(--text-soft);
}

:root[data-theme="dark"] .itag--flat .itag__mark,
:root[data-theme="dark"] .itag--neutral .itag__mark {
  color: var(--ink-3);
}

:root[data-theme="dark"] .rel-stock-row:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

:root[data-theme="dark"] .yf-surging-chip {
  background: transparent;
  border-color: rgba(38, 194, 129, 0.34);
}

:root[data-theme="dark"] .yf-surging-chip .pct,
:root[data-theme="dark"] .yf-mover-chg.up {
  color: var(--up);
}

:root[data-theme="dark"] .yf-mover-chg.down {
  color: var(--down);
}

:root[data-theme="dark"] .yf-mover-row {
  border-bottom-color: var(--line);
}

:root[data-theme="dark"] .yf-cal-impact--high .dot.active,
:root[data-theme="dark"] .yf-cal-impact--high .label {
  color: #ff7a70;
}

:root[data-theme="dark"] .yf-cal-impact--high .dot.active {
  background: #ff7a70;
}

:root[data-theme="dark"] .yf-cal-impact--medium .dot.active,
:root[data-theme="dark"] .yf-cal-impact--medium .label {
  color: #ff9a52;
}

:root[data-theme="dark"] .yf-cal-impact--medium .dot.active {
  background: #ff9a52;
}

:root[data-theme="dark"] .yf-cal-impact--low .dot.active {
  background: var(--warn);
}

:root[data-theme="dark"] .disclaimer-box {
  background: rgba(217, 165, 68, 0.08);
  border-color: rgba(217, 165, 68, 0.25);
}

:root[data-theme="dark"] .paywall {
  background: linear-gradient(
    180deg,
    var(--sf-2) 0%,
    var(--sf-1) 120px,
    var(--sf-2) 100%
  );
  border-color: rgba(217, 165, 68, 0.4);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.45);
}

:root[data-theme="dark"] .paywall__eyebrow,
:root[data-theme="dark"] .paywall__plan-name small {
  color: var(--gold-bright);
  background: rgba(217, 165, 68, 0.14);
  border-color: rgba(217, 165, 68, 0.32);
}

:root[data-theme="dark"] .paywall__plan {
  background: var(--sf-2);
  box-shadow: none;
}

:root[data-theme="dark"] .paywall__plan:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

:root[data-theme="dark"] .paywall__plan--best {
  background: linear-gradient(
    90deg,
    rgba(217, 165, 68, 0.12) 0%,
    var(--sf-2) 100%
  );
  box-shadow: none;
}

:root[data-theme="dark"] .paywall__plan-delay {
  background: var(--sf-3);
}

:root[data-theme="dark"] .plan,
:root[data-theme="dark"] .priceview,
:root[data-theme="dark"] .acct-card,
:root[data-theme="dark"] .acct-profile-hero,
:root[data-theme="dark"] .auth-card,
:root[data-theme="dark"] .signcard,
:root[data-theme="dark"] .ticket-table-wrap,
:root[data-theme="dark"] .ticket-card,
:root[data-theme="dark"] .ticket-banner--locked,
:root[data-theme="dark"] .tchat-container,
:root[data-theme="dark"] .chat {
  box-shadow: none;
}

:root[data-theme="dark"] .plan:hover {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
  border-color: var(--line-h);
}

:root[data-theme="dark"] .plan--mine {
  border-color: var(--up);
  background: linear-gradient(180deg, rgba(38, 194, 129, 0.07) 0%, var(--paper) 100%);
}

:root[data-theme="dark"] .plan__perks li::before,
:root[data-theme="dark"] .cmp__yes {
  color: var(--up);
}

:root[data-theme="dark"] .cmp__now {
  background: rgba(38, 194, 129, 0.18);
  color: var(--up);
}

:root[data-theme="dark"] .ptile--best {
  background: rgba(217, 165, 68, 0.08);
  box-shadow: none;
}

:root[data-theme="dark"] .payhero,
:root[data-theme="dark"] .card--pad,
:root[data-theme="dark"] .paypanel {
  background: var(--paper);
  border-color: var(--line);
  box-shadow: none;
}

:root[data-theme="dark"] .pay-channels-hub {
  background: var(--paper);
  border-color: var(--line);
}

:root[data-theme="dark"] .pay-method-nav {
  background: var(--sf-2);
  border-color: var(--line);
}

:root[data-theme="dark"] .pay-method-btn.is-active {
  background: var(--sf-3);
  color: var(--ink);
  box-shadow: none;
}

:root[data-theme="dark"] .pay-bank-acc-row {
  background: var(--sf-3);
}

:root[data-theme="dark"] .copybtn:not(:hover):not([data-copied="1"]) {
  background: var(--sf-3);
}

:root[data-theme="dark"] .pay__drop:hover,
:root[data-theme="dark"] .pay__drop--on {
  background: rgba(217, 165, 68, 0.08);
}

:root[data-theme="dark"] .pay__preview,
:root[data-theme="dark"] .payslip img {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}

:root[data-theme="dark"] .paykv {
  background: var(--sf-2);
  border-color: var(--line);
}

:root[data-theme="dark"] .paykv__row {
  border-bottom-color: var(--line);
}

:root[data-theme="dark"] .paykv__k {
  color: var(--text-soft);
}

:root[data-theme="dark"] .paykv__v {
  color: var(--ink);
}

:root[data-theme="dark"] .payref {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--line);
  color: var(--ink);
}

:root[data-theme="dark"] .pay-qr-frame {
  background: #ffffff;
}

:root[data-theme="dark"] .errpage__link:hover {
  background: var(--sf-3);
  box-shadow: none;
}

:root[data-theme="dark"] .acct-days-left {
  color: var(--gold-bright);
}

:root[data-theme="dark"] .field input[type="text"],
:root[data-theme="dark"] .field input[type="email"],
:root[data-theme="dark"] .field input[type="password"],
:root[data-theme="dark"] .field input[type="number"],
:root[data-theme="dark"] .field input[type="tel"],
:root[data-theme="dark"] .field input[type="search"],
:root[data-theme="dark"] .field textarea,
:root[data-theme="dark"] .field select,
:root[data-theme="dark"] .input,
:root[data-theme="dark"] .form-input,
:root[data-theme="dark"] .form-select,
:root[data-theme="dark"] .form-textarea,
:root[data-theme="dark"] .tchat-textarea {
  background: var(--sf-2);
  border-color: var(--line);
  color: var(--text);
}

:root[data-theme="dark"] .field input::placeholder,
:root[data-theme="dark"] .field textarea::placeholder,
:root[data-theme="dark"] .input::placeholder,
:root[data-theme="dark"] .form-input::placeholder,
:root[data-theme="dark"] .form-textarea::placeholder,
:root[data-theme="dark"] .tchat-textarea::placeholder,
:root[data-theme="dark"] .search input::placeholder,
:root[data-theme="dark"] .mobile-search input::placeholder {
  color: var(--ink-3);
}

:root[data-theme="dark"] .mobile-search input {
  background: var(--sf-2);
}

:root[data-theme="dark"] .auth-card,
:root[data-theme="dark"] .signcard {
  border-color: var(--line);
}

:root[data-theme="dark"] .footer-grid h4 {
  color: var(--ink);
}

:root[data-theme="dark"] .footer-grid a {
  color: var(--ink-2);
}

:root[data-theme="dark"] .footer-brand p,
:root[data-theme="dark"] .footer-bottom {
  color: var(--ink-3);
}

:root[data-theme="dark"] .footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .chat__room {
  background: var(--sf-3);
  box-shadow: none;
}

:root[data-theme="dark"] .chat__room:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

:root[data-theme="dark"] .chat__room--on {
  background: rgba(217, 165, 68, 0.14);
  box-shadow: none;
}

:root[data-theme="dark"] .chat__room--locked {
  background: linear-gradient(180deg, var(--sf-2) 0%, var(--sf-1) 100%);
  border-color: var(--line-h);
}

:root[data-theme="dark"] .chat__room--locked:hover {
  background: var(--sf-3);
  box-shadow: none;
}

:root[data-theme="dark"] .chat__room--locked strong {
  color: var(--ink);
}

:root[data-theme="dark"] .chat__room-icon--ro {
  color: var(--gold-bright);
}

:root[data-theme="dark"] .chat__room-lock {
  background: var(--sf-3);
  color: var(--ink-2);
  border-color: var(--line);
}

:root[data-theme="dark"] .chat__room-lock--ro {
  background: rgba(224, 170, 74, 0.16);
  color: var(--warn);
  border-color: rgba(224, 170, 74, 0.35);
}

:root[data-theme="dark"] .chat__room-lock--need {
  background: rgba(217, 165, 68, 0.14);
  color: var(--gold-bright);
  border-color: rgba(217, 165, 68, 0.35);
}

:root[data-theme="dark"] .chat__head,
:root[data-theme="dark"] .chat__form,
:root[data-theme="dark"] .chat__preview {
  background: var(--sf-2);
}

:root[data-theme="dark"] .chat__log {
  background: linear-gradient(180deg, var(--sf-2) 0%, var(--sf-1) 60px);
}

:root[data-theme="dark"] .chat__log::-webkit-scrollbar-thumb:hover,
:root[data-theme="dark"] .chat__rooms::-webkit-scrollbar-thumb:hover {
  background: var(--line-h);
}

:root[data-theme="dark"] .chat__online {
  border-color: rgba(38, 194, 129, 0.35);
}

:root[data-theme="dark"] .chat__online::before {
  box-shadow: 0 0 0 2px rgba(38, 194, 129, 0.3);
}

:root[data-theme="dark"] .cmsg__body {
  background: var(--sf-2);
  box-shadow: none;
}

:root[data-theme="dark"] .cmsg--gone .cmsg__body {
  background: var(--sf-3);
  color: var(--ink-3);
}

:root[data-theme="dark"] .cmsg__img-wrap {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

:root[data-theme="dark"] .chat__drop {
  background: var(--sf-2);
}

:root[data-theme="dark"] .chat__drop--on {
  background: rgba(217, 165, 68, 0.1);
}

:root[data-theme="dark"] .chat__gate-list em {
  background: rgba(217, 165, 68, 0.12);
  border-color: rgba(217, 165, 68, 0.3);
}

:root[data-theme="dark"] .cmsg--admin .cmsg__body {
  background: var(--sf-3) !important;
}

:root[data-theme="dark"] .tchat-bubble--admin .tchat-bubble__body {
  background: var(--sf-3);
  border-color: var(--line);
  color: var(--ink);
}

:root[data-theme="dark"] .tchat-bubble__body {
  box-shadow: none;
}

:root[data-theme="dark"] .ticket-status-pill--open {
  background: rgba(255, 92, 92, 0.16);
  color: #ff8b82;
  border-color: rgba(255, 92, 92, 0.35);
}

:root[data-theme="dark"] .ticket-status-pill--user_reply {
  background: rgba(224, 170, 74, 0.16);
  color: #f0c063;
  border-color: rgba(224, 170, 74, 0.35);
}

:root[data-theme="dark"] .ticket-status-pill--answered {
  background: rgba(74, 158, 255, 0.16);
  color: #8cc2ff;
  border-color: rgba(74, 158, 255, 0.35);
}

:root[data-theme="dark"] .ticket-status-pill--resolved {
  background: rgba(38, 194, 129, 0.16);
  color: #4bd693;
  border-color: rgba(38, 194, 129, 0.35);
}

:root[data-theme="dark"] .ticket-status-pill--closed {
  background: var(--sf-3);
  color: var(--ink-2);
  border-color: var(--line);
}

:root[data-theme="dark"] .ticket-priority-tag--low {
  background: var(--sf-3);
  color: var(--ink-2);
}

:root[data-theme="dark"] .ticket-priority-tag--normal {
  background: rgba(74, 158, 255, 0.16);
  color: #8cc2ff;
}

:root[data-theme="dark"] .ticket-priority-tag--high {
  background: rgba(224, 170, 74, 0.16);
  color: #f0c063;
}

:root[data-theme="dark"] .ticket-priority-tag--urgent {
  background: rgba(255, 92, 92, 0.16);
  color: #ff8b82;
}

:root[data-theme="dark"] .ticket-tab-count {
  background: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .ticket-btn-new {
  box-shadow: none;
}

:root[data-theme="dark"] .tchip,
:root[data-theme="dark"] .tchip-group {
  background: var(--sf-2);
  border-color: var(--line);
  color: var(--ink);
  box-shadow: none;
}

:root[data-theme="dark"] .tchip__sym {
  color: var(--ink);
}

:root[data-theme="dark"] .tchip-group:hover,
:root[data-theme="dark"] .tchip:hover {
  background: var(--sf-3);
  border-color: var(--gold);
}

:root[data-theme="dark"] .tchip-group .star-btn,
:root[data-theme="dark"] .tchip-group .js-star-btn {
  border-left-color: var(--line);
}

:root[data-theme="dark"] .tchip__pct--flat,
:root[data-theme="dark"] .pct--flat {
  color: var(--ink-2) !important;
  background: var(--sf-3) !important;
}

:root[data-theme="dark"] .toast-notification {
  background: var(--sf-2);
  color: var(--ink);
  border-color: var(--line);
  border-left-color: var(--gold);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6);
}

:root[data-theme="dark"] .toast-dek {
  color: var(--text-soft);
}

:root[data-theme="dark"] .toast-time,
:root[data-theme="dark"] .toast-close {
  color: var(--ink-3);
}

:root[data-theme="dark"] .toast-close:hover {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .micro-toast {
  background: var(--sf-3);
  color: var(--ink);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.55);
}

:root[data-theme="dark"] .watchlist-pill {
  background: var(--sf-3);
  box-shadow: none;
}

:root[data-theme="dark"] .watchlist-pill-del {
  background: transparent;
}

:root[data-theme="dark"] .watchlist-pill-del:hover {
  background: rgba(255, 92, 92, 0.16);
  color: var(--down);
}

:root[data-theme="dark"] .watchlist-quota-badge,
:root[data-theme="dark"] .watchlist-tab.is-active,
:root[data-theme="dark"] .btn-star-suggest:hover,
:root[data-theme="dark"] .toast-badge {
  background: rgba(217, 165, 68, 0.12);
}

:root[data-theme="dark"] [style*="background:#dcfce7"] {
  background: rgba(38, 194, 129, 0.16) !important;
  color: #4bd693 !important;
  border-color: rgba(38, 194, 129, 0.35) !important;
}

:root[data-theme="dark"] [style*="background:#f3f4f6"] {
  background: var(--sf-3) !important;
  color: var(--ink-2) !important;
  border-color: var(--line) !important;
}

:root[data-theme="dark"] [style*="background:#fffbeb"] {
  background: rgba(224, 170, 74, 0.16) !important;
  color: #f0c063 !important;
  border-color: rgba(224, 170, 74, 0.35) !important;
}

:root[data-theme="dark"] [style*="color:#16a34a"] {
  color: var(--up) !important;
}

:root[data-theme="dark"] [style*="color:#b8862f"] {
  color: var(--gold-bright) !important;
}

:root[data-theme="dark"] [style*="color:#0284c7"] {
  color: #8cc2ff !important;
}

:root[data-theme="dark"] .cookiebar {
  border-color: var(--line-strong, rgba(255, 255, 255, 0.18));
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.55);
}

:root[data-theme="dark"] .story--nomedia .story__media::before,
:root[data-theme="dark"] .ncard--nomedia .ncard__media::before {
  background-image: url("../img/brand/logo-mark-light.png");
  opacity: 0.3;
}

:root[data-theme="dark"] .pro {
  --pro-blue: #9db0ff;
  --pro-navy: #14233a;
  --pro-ink: var(--ink);
  --pro-text: var(--text-soft);
  --pro-cream: var(--sf-0);
  --pro-top-from: var(--sf-0);
  --pro-paper: var(--sf-1);
  --pro-rule: var(--line);
  --pro-rim: rgba(230, 204, 136, 0.45);
  --pro-green-dark: #2cc48a;
  --pro-tint: rgba(44, 196, 138, 0.14);
  --pro-win: rgba(44, 196, 138, 0.08);
  --pro-win-line: rgba(44, 196, 138, 0.4);
  --pro-band: #0c1a55;
  --pro-band-text: #c8d2f4;
  --pro-band-grid: rgba(255, 255, 255, 0.05);
  --pro-panel-text: #b9c6d6;
  --pro-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}