/* Dark mode uses ArtKit lime throughout, including legacy "purple" tokens. */
html:not([data-theme=light]) {
  --purple: var(--lime);
  --muted: #a0a6b0;
  --card2: #242932;
}
html:not([data-theme=light]) .button:not(.lime) {border-color:var(--line)}
html:not([data-theme=light]) .button:not(.lime):hover {background:var(--card2);color:var(--text)}

/* Homepage feature icons, decorative glows and the app preview. */
html:not([data-theme=light]) .feature:nth-child(2) .feature-ic {color:var(--lime);background:var(--softlime)}
html:not([data-theme=light]) .hero:before,
html:not([data-theme=light]) .hero-visual:before {background:radial-gradient(ellipse,rgba(214,252,134,.12),transparent 68%)}
html:not([data-theme=light]) .showcase-glow {background:radial-gradient(ellipse,rgba(214,252,134,.12),rgba(74,122,82,.08) 40%,transparent 72%)}
html:not([data-theme=light]) .beta-panel {background:linear-gradient(115deg,#1b2b1d,#17201c 55%,#1a2522)}
html:not([data-theme=light]) :is(.ph-tab-avatar,.ph-profile-avatar) {background:linear-gradient(140deg,#d6fc86,#829f61);color:#17220a}
html:not([data-theme=light]) .ph-dot-avatar {background:var(--lime);color:#17220a}
html:not([data-theme=light]) .ph-list .ph-list-ic {background:var(--softlime);color:var(--lime)}
html:not([data-theme=light]) .ph-pass-art {background:#15242b}
html:not([data-theme=light]) .journal-v6-head h2 span:last-child {color:var(--muted)}
html:not([data-theme=light]) .journal-v6-label {color:var(--muted)}
html:not([data-theme=light]) h2>span {color:var(--muted)}
html:not([data-theme=light]) .journal-v6-image {background:var(--card)}
html:not([data-theme=light]) .spotlight-brand {background:radial-gradient(ellipse at top left,rgba(214,252,134,.10),transparent 70%),var(--panel)}
html:not([data-theme=light]) .spotlight-brand>.homepage-nft-art {border-color:#3a473c}

/* NFT frames and project cards use green/neutral details around original art. */
html:not([data-theme=light]) .bos-page .bos-artwork-halo {border-color:#d6fc8629;background:radial-gradient(ellipse,#d6fc8617,transparent 68%)}
html:not([data-theme=light]) .bos-page .bos-collection-card {background:linear-gradient(145deg,#303a33,#151c1a);border-color:#536356}
html:not([data-theme=light]) .bos-page .bos-collection-card-main figcaption small {color:var(--lime)}
html:not([data-theme=light]) .bos-page .bos-collection-card-main figcaption>span {color:var(--muted);border-color:var(--line)}
html:not([data-theme=light]) .bos-page .bos-market-mark {background:#253526;color:var(--lime)}
html:not([data-theme=light]) .projects-v6-page .project-card-art {background:radial-gradient(ellipse at 20% 50%,#d6fc8617,transparent 70%)}
html:not([data-theme=light]) .projects-v6-page .project-card-art>.bos-artwork-crop {border-color:#3a473c}

/* Editorial artwork and shared marketing surfaces. */
html:not([data-theme=light]) .blog-art {background:var(--panel);color:var(--text)}
html:not([data-theme=light]) .blog-art.pass {background:radial-gradient(circle at 80% 10%,#35452e,#1c2b23)}
html:not([data-theme=light]) .editorial-pass {background:#1a281f;color:#eff6e8;box-shadow:16px 18px 0 #d6fc8629}
html:not([data-theme=light]) .blog-art>i {color:#d6fc864d}
html:not([data-theme=light]) .blog-art.wallet {background:var(--lime);color:#17220a}
html:not([data-theme=light]) :is(.hero-card .card-bottom small,.solana-footer) {color:var(--lime)}
html:not([data-theme=light]) :is(.floating-tag,.store,.role-card) {background:var(--panel);border-color:var(--line)}
html:not([data-theme=light]) .role-card {background:radial-gradient(ellipse at top right,#d6fc8614,transparent 70%),var(--panel)}
html:not([data-theme=light]) .role-symbol {color:#d6fc864d}
html:not([data-theme=light]) :is(.role-card p,.floating-tag small,.store small,.screen-note,.visual-caption,.download-note,dialog>p,.dialog-close) {color:var(--muted)}
html:not([data-theme=light]) :is(.orbit,.orbit-b) {border-color:#d6fc8629}
html:not([data-theme=light]) .hero-card {background:linear-gradient(145deg,#303a33,#151c1a);border-color:#536356}
html:not([data-theme=light]) dialog {background:var(--panel);border-color:var(--line)}
html:not([data-theme=light]) .mobile-drawer {background:var(--panel)}
html:not([data-theme=light]) :is(.site-header-bar nav,.blog-header nav) {background:var(--bg)}
html:not([data-theme=light]) .artkit-route-progress-bar {background:var(--lime);box-shadow:0 0 12px #d6fc8666}