/* GENERATED by tools/build-dark-css.php from the site's own CSS - do not edit by hand.
   Hand-written dark rules live in style/dark-extra.css and are appended below. */
html[data-theme="dark"] { color-scheme: dark; }

/* --- from style/style.css --- */
html[data-theme="dark"],
html[data-theme="dark"] body {
	background: #1a1a1a;
	color: #e6e6e6;
}
html[data-theme="dark"] a {
	color: #6895df;
}
html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:focus {
	color: #f15555;
}
html[data-theme="dark"] code {
	background: #242424;
	border: 1px solid #353535;
	color: #f15555;
}
html[data-theme="dark"] .site-header .navigation {
	background: #1a1a1a;
	border-bottom: 2px solid #aa0e0e;
}
html[data-theme="dark"] .brand-tagline {
	color: #a2a2a2;
}
html[data-theme="dark"] .intro .alert {
	border: 1px solid #353535;
	background: #3a3a0f;
	color: #e6e6e6;
}
html[data-theme="dark"] .top-categories .browse-panel,
html[data-theme="dark"] .browse-panel {
	background: #1a1a1a;
}
html[data-theme="dark"] .header-search-input.form-control,
html[data-theme="dark"] input.header-search-input {
	border: 1px solid #4f6a83;
	background: #1a1a1a;
	color: #e6e6e6;
}
html[data-theme="dark"] .header-search-input.form-control:focus {
	outline: 1px solid #aa0e0e;
}
html[data-theme="dark"] .header-search-button,
html[data-theme="dark"] .btn.header-search-button {
	border: 1px solid #797979 !important;
	background: #292929 !important;
	color: #e6e6e6 !important;
}
html[data-theme="dark"] .header-search-button:hover {
	background: #323232 !important;
}
html[data-theme="dark"] .search-suggestions {
	border: 1px solid #797979;
	background: #1a1a1a;
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
html[data-theme="dark"] .search-suggestions-title {
	color: #bdbdbd;
}
html[data-theme="dark"] .search-suggestions-copy {
	color: #8c8c8c;
}
html[data-theme="dark"] .search-suggestion-option {
	background: #1a1a1a;
	color: #e6e6e6;
}
html[data-theme="dark"] .search-suggestion-option:hover,
html[data-theme="dark"] .search-suggestion-option.is-active {
	background: #3f0505;
}
html[data-theme="dark"] .search-suggestion-type {
	background: #272727;
	color: #8c8c8c;
}
html[data-theme="dark"] .search-suggestion-option mark {
	color: #f15555;
}
html[data-theme="dark"] .alphabet-browser {
	border-top: 1px solid #353535;
	border-bottom: 1px solid #353535;
}
html[data-theme="dark"] .azsort-scroll a,
html[data-theme="dark"] .top-categories .azsort-scroll a {
	color: #6895df;
}
html[data-theme="dark"] .azsort-scroll a:hover,
html[data-theme="dark"] .top-categories .azsort-scroll a:hover {
	color: #f15555;
}
html[data-theme="dark"] .top-categories .category-directory,
html[data-theme="dark"] .category-directory {
	border: 2px solid #aa0e0e;
	background: #1a1a1a;
}
html[data-theme="dark"] .top-categories .category-column,
html[data-theme="dark"] .category-column {
	border-right: 1px dotted #693333;
}
html[data-theme="dark"] .top-categories .category-group-title,
html[data-theme="dark"] .category-group-title {
	background: #aa0e0e;
	color: #f0f0f0;
}
html[data-theme="dark"] .category-group-title a {
	color: #f0f0f0;
}
html[data-theme="dark"] .category-group-title a:hover {
	color: #f0f0f0;
}
html[data-theme="dark"] .top-categories .category-list a,
html[data-theme="dark"] .category-list a {
	color: #e6e6e6;
}
html[data-theme="dark"] .top-categories .category-list a:hover,
html[data-theme="dark"] .category-list a:hover {
	color: #f15555;
}
html[data-theme="dark"] .cst-sample {
	background: #232323;
	border: 1px solid #424242;
}
html[data-theme="dark"] .custom-preview-label {
	color: #bdbdbd;
}
html[data-theme="dark"] .cst-sample input[type="text"],
html[data-theme="dark"] .cst-sample input.form-control,
html[data-theme="dark"] input.cst-txt {
	border: 1px solid #4f6a83;
	background: #1a1a1a;
	color: #e6e6e6;
}
html[data-theme="dark"] .cst-size-select,
html[data-theme="dark"] select.cst-size-select,
html[data-theme="dark"] .cst-sample select.form-control {
	border: 1px solid #4f6a83;
	background: #1a1a1a;
}
html[data-theme="dark"] .btn,
html[data-theme="dark"] a.btn,
html[data-theme="dark"] button.btn,
html[data-theme="dark"] .font-card-button,
html[data-theme="dark"] .site-primary-action,
html[data-theme="dark"] .site-secondary-action,
html[data-theme="dark"] .font-detail-share-link,
html[data-theme="dark"] .footer-box .btn {
	border: 1px solid #797979 !important;
	background: #292929 !important;
	color: #e6e6e6 !important;
}
html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] a.btn:hover,
html[data-theme="dark"] button.btn:hover,
html[data-theme="dark"] .font-card-button:hover,
html[data-theme="dark"] .site-primary-action:hover,
html[data-theme="dark"] .site-secondary-action:hover,
html[data-theme="dark"] .font-detail-share-link:hover {
	background: #323232 !important;
	color: #e6e6e6 !important;
}
html[data-theme="dark"] .btn-danger {
	color: #f15555 !important;
}
html[data-theme="dark"] .single-font,
html[data-theme="dark"] .font-item.font-card,
html[data-theme="dark"] .font-card {
	background: #1a1a1a;
	border: 1px solid #424242;
}
html[data-theme="dark"] .font-card-head {
	background: #aa0e0e;
	color: #f0f0f0;
}
html[data-theme="dark"] .font-name,
html[data-theme="dark"] .font-card-copy {
	color: #f0f0f0;
}
html[data-theme="dark"] .font-card-title,
html[data-theme="dark"] .search-h2 {
	color: #f0f0f0;
}
html[data-theme="dark"] .font-name a,
html[data-theme="dark"] .font-card-copy a {
	color: #f0f0f0;
}
html[data-theme="dark"] .font-name a:hover,
html[data-theme="dark"] .font-card-copy a:hover {
	color: #f0f0f0;
}
html[data-theme="dark"] .font-card-license,
html[data-theme="dark"] .font-card-category,
html[data-theme="dark"] .cp,
html[data-theme="dark"] .font-card-meta span {
	color: #f0f0f0;
}
html[data-theme="dark"] .font-card-actions .font-card-category:hover,
html[data-theme="dark"] .cp:hover {
	color: #f0f0f0;
}
html[data-theme="dark"] .font-preview-visual {
	background: #1a1a1a;
}
html[data-theme="dark"] .latest-fonts,
html[data-theme="dark"] .download-box {
	background: #1a1a1a;
}
html[data-theme="dark"] .page-header h1,
html[data-theme="dark"] .cat-header,
html[data-theme="dark"] .download-box > h1 {
	color: #f15555;
}
html[data-theme="dark"] .page-header p,
html[data-theme="dark"] .page-header p.roboto,
html[data-theme="dark"] .download-box > p,
html[data-theme="dark"] .cat-keywords small {
	color: #bdbdbd;
}
html[data-theme="dark"] .latest-fonts > .page-header p.roboto {
	color: #f15555;
}
html[data-theme="dark"] .breadcrumb {
	color: #8c8c8c;
}
html[data-theme="dark"] .pagi-pages li a,
html[data-theme="dark"] .pagi-pages .active a,
html[data-theme="dark"] .pagination > li > a,
html[data-theme="dark"] .pagination > li > span {
	border: 1px solid #5e5e5e;
	background: #1a1a1a;
	color: #6895df;
}
html[data-theme="dark"] .pagi-pages li.active a,
html[data-theme="dark"] .pagi-pages li a:hover,
html[data-theme="dark"] .pagination > .active > a,
html[data-theme="dark"] .pagination > li > a:hover {
	background: #aa0e0e;
	border-color: #aa0e0e;
	color: #f0f0f0;
}
html[data-theme="dark"] .page-numbers {
	color: #8c8c8c;
}
html[data-theme="dark"] .red,
html[data-theme="dark"] .font-details .main-content {
	border: 1px solid #aa0e0e;
	background: #370404;
	color: #f15555;
}
html[data-theme="dark"] .font-detail-shell {
	border: 1px solid #424242;
	background: #1a1a1a;
}
html[data-theme="dark"] .font-detail-hero {
	background: #202020;
	border-bottom: 1px solid #353535;
}
html[data-theme="dark"] .font-detail-copy h1 {
	color: #e6e6e6;
}
html[data-theme="dark"] .font-detail-subtitle {
	color: #a2a2a2;
}
html[data-theme="dark"] .font-detail-description {
	color: #bdbdbd;
}
html[data-theme="dark"] .font-preview-panel-detail {
	border: 1px solid #353535;
	background: #1a1a1a;
}
html[data-theme="dark"] .font-detail-meta-grid {
	border-top: 1px solid #272727;
}
html[data-theme="dark"] .font-detail-meta-card {
	border-right: 1px solid #272727;
	border-bottom: 1px solid #272727;
	background: #1a1a1a;
}
html[data-theme="dark"] .font-detail-meta-label {
	color: #8c8c8c;
}
html[data-theme="dark"] .font-detail-meta-card strong {
	color: #e6e6e6;
}
html[data-theme="dark"] .font-detail-panel {
	border: 1px solid #353535;
	background: #1e1e1e;
}
html[data-theme="dark"] .font-detail-panel h2 {
	color: #f15555;
}
html[data-theme="dark"] .font-detail-richtext {
	color: #bdbdbd;
}
html[data-theme="dark"] .font-detail-muted {
	color: #8c8c8c;
}
html[data-theme="dark"] .font-detail-illustration img {
	border: 1px solid #353535;
}
html[data-theme="dark"] .font-comments-shell {
	border: 1px solid #424242;
	background: #1a1a1a;
}
html[data-theme="dark"] .font-comments-head h2 {
	color: #f15555;
}
html[data-theme="dark"] .font-comments-head p {
	color: #a2a2a2;
}
html[data-theme="dark"] .font-comment-card {
	border: 1px solid #313131;
	background: #1e1e1e;
}
html[data-theme="dark"] .font-comment-card-empty {
	color: #8c8c8c;
}
html[data-theme="dark"] .font-zip-button {
	background: #262626;
	border: 1px solid #505050;
	color: #bdbdbd;
}
html[data-theme="dark"] .font-zip-button:hover {
	background: #2e2e2e;
	color: #e6e6e6;
}
html[data-theme="dark"] .font-detail-styles {
	border: 1px solid #353535;
	background: #1e1e1e;
}
html[data-theme="dark"] .font-detail-styles-head h2 {
	color: #f15555;
}
html[data-theme="dark"] .font-detail-styles-head p {
	color: #a2a2a2;
}
html[data-theme="dark"] .font-style-preview-card {
	border: 1px solid #313131;
	background: #1a1a1a;
}
html[data-theme="dark"] .font-style-preview-meta {
	color: #8c8c8c;
}
html[data-theme="dark"] .font-style-preview-value {
	color: #e6e6e6;
}
html[data-theme="dark"] .font-detail-glyphs {
	border: 1px solid #353535;
	background: #1e1e1e;
}
html[data-theme="dark"] .font-detail-glyphs-head h2 {
	color: #f15555;
}
html[data-theme="dark"] .font-detail-glyphs-head p {
	color: #a2a2a2;
}
html[data-theme="dark"] .font-glyph-style-picker {
	color: #a2a2a2;
}
html[data-theme="dark"] .font-glyph-style-picker select {
	border: 1px solid #505050;
	background: #1a1a1a;
}
html[data-theme="dark"] .font-glyph-preview-input {
	border: 1px solid #424242;
	background: #1a1a1a;
	color: #e6e6e6;
}
html[data-theme="dark"] .font-glyph-card {
	border: 1px solid #313131;
	background: #1a1a1a;
}
html[data-theme="dark"] .font-glyph-card h3 {
	color: #bdbdbd;
}
html[data-theme="dark"] .font-glyph-cell {
	border: 1px solid #272727;
	background: #1c1c1c;
}
html[data-theme="dark"] .font-glyph-label {
	color: #8c8c8c;
}
html[data-theme="dark"] .font-glyph-value {
	color: #e6e6e6;
}
html[data-theme="dark"] .font-glyph-viewall {
	color: #6895df;
}
html[data-theme="dark"] .site-form-card {
	border: 1px solid #424242;
	background: #1a1a1a;
}
html[data-theme="dark"] .site-form-field label {
	color: #bdbdbd;
}
html[data-theme="dark"] .site-form-field input,
html[data-theme="dark"] .site-form-field textarea,
html[data-theme="dark"] .site-form-field select,
html[data-theme="dark"] .site-form-grid input,
html[data-theme="dark"] .site-form-grid textarea,
html[data-theme="dark"] .site-form-grid select {
	border: 1px solid #4f6a83;
	background: #1a1a1a;
	color: #e6e6e6;
}
html[data-theme="dark"] .form-control {
	border: 1px solid #4f6a83;
	color: #e6e6e6;
}
html[data-theme="dark"] .admin-login-card {
	border: 1px solid #424242;
	background: #1a1a1a;
}
html[data-theme="dark"] .footer-shell {
	background: #212121;
	border: 1px solid #424242;
}
html[data-theme="dark"] .footer-eyebrow,
html[data-theme="dark"] .site-modal-eyebrow {
	color: #f15555;
}
html[data-theme="dark"] .footer-brand-block h2,
html[data-theme="dark"] .footer-link-column h2 {
	color: #e6e6e6;
}
html[data-theme="dark"] .footer-copy {
	color: #afafaf;
}
html[data-theme="dark"] .footer-meta span {
	border: 1px solid #424242;
	background: #1a1a1a;
	color: #949494;
}
html[data-theme="dark"] .footer-link-column a,
html[data-theme="dark"] .footer-back-to-top {
	color: #6895df;
}
html[data-theme="dark"] .footer-search-queries {
	background: #212121;
	border: 1px solid #424242;
}
html[data-theme="dark"] .footer-search-queries h2 {
	color: #f15555;
}
html[data-theme="dark"] .search-queries a,
html[data-theme="dark"] .footer-link-column-queries .search-queries a {
	color: #6895df;
}
html[data-theme="dark"] .footer-bottom-bar {
	border-top: 1px solid #424242;
}
html[data-theme="dark"] .footer-visitors {
	color: #a2a2a2;
}
html[data-theme="dark"] .footer-back-to-top {
	border: 1px solid #5e5e5e;
	background: #292929;
	color: #e6e6e6;
}
html[data-theme="dark"] .site-modal-backdrop {
	background: rgba(0,0,0,.5);
}
html[data-theme="dark"] .site-modal-dialog {
	background: #1a1a1a;
	border: 2px solid #aa0e0e;
	box-shadow: 0 3px 10px rgba(0,0,0,.35);
}
html[data-theme="dark"] .site-modal-header h2 {
	color: #e6e6e6;
}
html[data-theme="dark"] .site-modal-close {
	border: 1px solid #797979;
	background: #292929;
	color: #e6e6e6;
}
html[data-theme="dark"] .site-copy-block {
	color: #bdbdbd;
}
html[data-theme="dark"] .site-copy-block h1,
html[data-theme="dark"] .site-copy-block h2,
html[data-theme="dark"] .site-copy-block h3,
html[data-theme="dark"] .site-copy-block h4 {
	color: #f15555;
}
html[data-theme="dark"] .site-copy-block p,
html[data-theme="dark"] .site-copy-block ul {
	color: #bdbdbd;
}
html[data-theme="dark"] .site-faq-accordion details {
	border: 1px solid #353535;
	background: #1e1e1e;
}
html[data-theme="dark"] .site-faq-accordion details p {
	color: #afafaf;
}
@media screen and (max-width: 900px) {
html[data-theme="dark"] .top-categories .category-column,
html[data-theme="dark"] .category-column {
	border-right: 1px dotted #693333;
	border-bottom: 1px dotted #693333;
}
}
@media screen and (max-width: 640px) {
html[data-theme="dark"] .mobile-nav select {
	border: 1px solid #4f6a83;
}
}
html[data-theme="dark"] .lang-select {
	background: var(--surface-2, #242424) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 8px center/10px 7px;
	border: 1px solid var(--border, #3b3b3b);
}
html[data-theme="dark"] .lang-select:focus-visible {
	outline: 2px solid var(--accent, #bf6718);
}
html[data-theme="dark"] .lang-banner {
	background: var(--surface-2, #3d2305);
	border-bottom: 1px solid var(--border, #4f3c27);
}
html[data-theme="dark"] .lang-banner a,
html[data-theme="dark"] .lang-banner button {
	border: 1px solid var(--border, #3b3b3b);
}
html[data-theme="dark"] .lang-banner a {
	background: var(--accent, #bf6718);
	color: #f0f0f0;
}
html[data-theme="dark"] .admin-item-card-approved > summary:focus-visible {
	outline: 2px solid var(--accent, #bf6718);
}
html[data-theme="dark"] .font-detail-package-bar {
	background: #423805;
	border: 1px solid #807123;
	color: #f6e18c;
}
html[data-theme="dark"] .font-detail-actions .font-card-category {
	color: #6895df;
}
html[data-theme="dark"] .font-detail-actions .font-card-category:hover {
	color: #6895df;
}
html[data-theme="dark"] .dff-submit {
	--dff-accent: #aa0e0e;
	--dff-accent-soft: #340c0c;
	--dff-ink: #c3c8cf;
	--dff-muted: #848c94;
	--dff-line: #2c343c;
	--dff-surface: #1a1a1a;
	--dff-sunk: #181f27;
}
html[data-theme="dark"] .dff-step-num {
	color: #f0f0f0;
}
html[data-theme="dark"] .dff-field input:focus,
html[data-theme="dark"] .dff-field textarea:focus {
	box-shadow: 0 0 0 3px rgba(0,0,0,.12);
}
html[data-theme="dark"] .dff-segmented input:checked + span {
	box-shadow: 0 1px 3px rgba(0,0,0,.12);
}
html[data-theme="dark"] .dff-drop {
	border: 1.5px dashed #424b55;
}
html[data-theme="dark"] .dff-drop:focus-within {
	box-shadow: 0 0 0 3px rgba(0,0,0,.12);
}
html[data-theme="dark"] .dff-drop-icon {
	background: #1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cc0000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5'/%3E%3Cpath d='M4 16v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3'/%3E%3C/svg%3E") center / 18px no-repeat;
	box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
html[data-theme="dark"] .dff-drop.is-filled {
	border-color: #386b46;
	background: #13301c;
}
html[data-theme="dark"] .dff-card:hover {
	border-color: #424b55;
}
html[data-theme="dark"] .dff-card:has(input:checked) .dff-card-icon {
	background-color: #1a1a1a;
}
html[data-theme="dark"] .dff-note {
	background: #453706;
	border: 1px solid #826b1b;
	color: #f5da81;
}
html[data-theme="dark"] .dff-submit-button {
	color: #f0f0f0;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
html[data-theme="dark"] .dff-submit-button:hover {
	background: #930c0c;
}
html[data-theme="dark"] .dff-submit-button:focus-visible {
	outline: 3px solid rgba(0,0,0,.35);
}
html[data-theme="dark"] .dff-success-icon {
	background: #183622 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a7f37' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 30px no-repeat;
}
html[data-theme="dark"] .dff-success-actions .dff-submit-button:hover {
	color: #f0f0f0;
}
html[data-theme="dark"] .admin-bulk-bar {
	background: #121f2f;
	border: 1px solid #2b3c4d;
}
html[data-theme="dark"] .admin-bulk-count {
	color: #a2a2a2;
}
html[data-theme="dark"] .admin-item-date {
	color: #949494;
}
html[data-theme="dark"] .tool-links a {
	color: #6895df;
}
html[data-theme="dark"] .tool-links a.is-current {
	color: #f15555;
}
html[data-theme="dark"] .tool-links [data-fav-count] {
	color: #a2a2a2;
}
html[data-theme="dark"] .font-card-fav {
	color: #f0f0f0;
}
html[data-theme="dark"] .font-card-fav.is-on {
	color: #f5dd84;
}
html[data-theme="dark"] .font-card-fav:focus-visible,
html[data-theme="dark"] .font-card-compare input:focus-visible {
	outline: 1px dotted #1a1a1a;
}
html[data-theme="dark"] .font-card-compare {
	color: #f0f0f0;
}
html[data-theme="dark"] .font-fav-button.is-on .font-card-fav-star {
	color: #f1cb55;
}
html[data-theme="dark"] .dff-tray {
	background: #232323;
	border-top: 2px solid #aa0e0e;
}
html[data-theme="dark"] .dff-tray-label {
	color: #f15555;
}
html[data-theme="dark"] .dff-tray-item {
	border: 1px solid #424242;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-tray-item button {
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-head h1 {
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-head p {
	color: #bdbdbd;
}
html[data-theme="dark"] .dff-cmp-drop {
	border: 1px dashed #6b6b6b;
	background: #1e1e1e;
}
html[data-theme="dark"] .dff-cmp-drop > strong {
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-drop-note {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-cmp-drop:target,
html[data-theme="dark"] .dff-cmp.is-dragging .dff-cmp-drop {
	border-color: #aa0e0e;
	background: #4e4006;
}
html[data-theme="dark"] .dff-cmp-slot {
	border: 1px solid #424242;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-cmp-slot-head {
	color: #f0f0f0;
}
html[data-theme="dark"] .dff-cmp-slot-letter {
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-cmp-slot-x {
	color: #f0f0f0;
}
html[data-theme="dark"] .dff-cmp-slot-body {
	color: #afafaf;
}
html[data-theme="dark"] .dff-cmp-slot-style select {
	border: 1px solid #505050;
}
html[data-theme="dark"] .dff-cmp-slot-note {
	color: #70d78d;
}
html[data-theme="dark"] .dff-cmp-slot-status {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-cmp-slot-status.is-error {
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-linkbtn {
	color: #6895df;
}
html[data-theme="dark"] .dff-cmp-linkbtn:hover {
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-linkbtn.is-on {
	color: #f1ca55;
}
html[data-theme="dark"] input.dff-cmp-search {
	border: 1px solid #4f6a83;
	background: #1a1a1a;
}
html[data-theme="dark"] input.dff-cmp-search:focus {
	outline: 1px solid #aa0e0e;
}
html[data-theme="dark"] .dff-cmp-suggest {
	border: 1px solid #797979;
	background: #1a1a1a;
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
html[data-theme="dark"] .dff-cmp-suggest-head {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-cmp-suggest-item {
	background: #1a1a1a;
	color: #e6e6e6;
}
html[data-theme="dark"] .dff-cmp-suggest-item:hover,
html[data-theme="dark"] .dff-cmp-suggest-item.is-active {
	background: #3f0505;
}
html[data-theme="dark"] .dff-cmp-suggest-empty {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-cmp-or {
	color: #949494;
}
html[data-theme="dark"] .dff-cmp-add {
	border: 1px dashed #505050;
	background: #1e1e1e;
	color: #6895df;
}
html[data-theme="dark"] .dff-cmp-add:hover {
	border-color: #aa0e0e;
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-bar {
	border: 1px solid #424242;
	background: #232323;
}
html[data-theme="dark"] .dff-cmp-field {
	color: #bdbdbd;
}
html[data-theme="dark"] .dff-cmp-field-text input {
	border: 1px solid #4f6a83;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-cmp-field select {
	border: 1px solid #4f6a83;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-cmp-field output {
	color: #e6e6e6;
}
html[data-theme="dark"] .dff-cmp-colors input[type="color"] {
	border: 1px solid #797979;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-cmp-contrast {
	border: 1px solid #424242;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-cmp-contrast.is-ok {
	color: #70d78d;
}
html[data-theme="dark"] .dff-cmp-contrast.is-mid {
	color: #f1a555;
}
html[data-theme="dark"] .dff-cmp-contrast.is-bad {
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-tabs {
	border-bottom: 2px solid #aa0e0e;
}
html[data-theme="dark"] .dff-cmp-tab {
	border: 1px solid #505050;
	background: #292929;
	color: #e6e6e6;
}
html[data-theme="dark"] .dff-cmp-tab:hover {
	background: #323232;
}
html[data-theme="dark"] .dff-cmp-tab.is-active {
	border-color: #aa0e0e;
	background: #aa0e0e;
	color: #f0f0f0;
}
html[data-theme="dark"] .dff-cmp-stage {
	--cmp-fg: #e6e6e6;
	--cmp-bg: #1a1a1a;
	border: 1px solid #424242;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-cmp-empty {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-cmp-row {
	border: 1px solid #313131;
}
html[data-theme="dark"] .dff-cmp-row-head {
	border-left: 4px solid #424242;
	background: #202020;
}
html[data-theme="dark"] .dff-cmp-badge {
	color: #f0f0f0;
}
html[data-theme="dark"] .dff-cmp-row-style {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-cmp-text:focus {
	box-shadow: inset 0 0 0 1px #4f6a83;
}
html[data-theme="dark"] .dff-cmp-wait {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-cmp-wait.is-error {
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-missing {
	border-top: 1px solid #6a5c1b;
	background: #423805;
	color: #f1bb55;
}
html[data-theme="dark"] .dff-cmp-subbar select {
	border: 1px solid #4f6a83;
}
html[data-theme="dark"] .dff-cmp-sim {
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-legend {
	color: #afafaf;
}
html[data-theme="dark"] .dff-cmp-ov {
	border: 1px solid #313131;
}
html[data-theme="dark"] .dff-cmp-gcell {
	border: 1px solid #272727;
	background: #1c1c1c;
}
html[data-theme="dark"] .dff-cmp-glabel {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-cmp-g.is-missing,
html[data-theme="dark"] .dff-cmp-g.is-wait {
	color: #8c8c8c !important;
}
html[data-theme="dark"] .dff-cmp-wf-line {
	border-top: 1px dotted #2e2e2e;
}
html[data-theme="dark"] .dff-cmp-wf-size {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-cmp-pair-article {
	border: 1px solid #313131;
}
html[data-theme="dark"] .dff-cmp-pair-card {
	border: 1px solid #424242;
}
html[data-theme="dark"] .dff-cmp-status {
	border: 1px solid #355735;
	background: #133113;
	color: #94d994;
}
html[data-theme="dark"] .dff-cmp-specs,
html[data-theme="dark"] .dff-cmp-help {
	border: 1px solid #353535;
	background: #1e1e1e;
}
html[data-theme="dark"] .dff-cmp-specs h2,
html[data-theme="dark"] .dff-cmp-help h2 {
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-specs > p {
	color: #949494;
}
html[data-theme="dark"] .dff-cmp-table {
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-cmp-table th,
html[data-theme="dark"] .dff-cmp-table td {
	border: 1px solid #313131;
}
html[data-theme="dark"] .dff-cmp-table thead th {
	background: #232323;
}
html[data-theme="dark"] .dff-cmp-table tbody th {
	background: #1c1c1c;
	color: #a2a2a2;
}
html[data-theme="dark"] .dff-cmp-table .dff-cmp-group th {
	background: #272727;
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-yes {
	color: #70d78d;
}
html[data-theme="dark"] .dff-cmp-no {
	color: #f15555;
}
html[data-theme="dark"] .dff-cmp-part {
	color: #f1a555;
}
html[data-theme="dark"] .dff-cmp-na {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-cmp-tags {
	color: #bdbdbd;
}
html[data-theme="dark"] .dff-cmp-barbox {
	border: 1px solid #505050;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-cmp-barfill {
	background: #797979;
}
html[data-theme="dark"] .dff-cmp-help {
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-favs-bar {
	color: #a2a2a2;
}
html[data-theme="dark"] .dff-favs-note {
	border: 1px solid #6a5c1b;
	background: #423805;
	color: #f1bb55;
}
html[data-theme="dark"] .dff-favs-empty {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-tray-msg {
	border: 1px solid #5c2c2c;
	background: #370404;
	color: #f15555;
}
html[data-theme="dark"] .dff-tools-ready .font-card-actions .font-card-tools {
	border-inline-end: 1px solid rgba(0,0,0,.45);
}
html[data-theme="dark"] .dff-muted {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-linkbtn {
	color: #6895df;
}
html[data-theme="dark"] .dff-linkbtn:hover {
	color: #f15555;
}
html[data-theme="dark"] .tool-account {
	border-inline-start: 1px solid #424242;
}
html[data-theme="dark"] .font-card-copy a.font-card-creator {
	color: #f0f0f0;
}
html[data-theme="dark"] .font-card-copy a.font-card-creator:hover {
	color: #f0f0f0;
}
html[data-theme="dark"] .dff-verified {
	color: #70d78d;
}
html[data-theme="dark"] .dff-owner-note {
	border-top: 1px dotted #353535;
}
html[data-theme="dark"] .dff-search-designers {
	border: 1px solid #353535;
	background: #1e1e1e;
}
html[data-theme="dark"] .dff-submit-as,
html[data-theme="dark"] .dff-contact-as {
	color: #a2a2a2;
}
html[data-theme="dark"] .dff-auth-card {
	border: 1px solid #424242;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-auth-card h1 {
	color: #f15555;
}
html[data-theme="dark"] .dff-auth-intro {
	color: #afafaf;
}
html[data-theme="dark"] .dff-auth-field {
	color: #bdbdbd;
}
html[data-theme="dark"] .dff-auth-field input {
	border: 1px solid #4f6a83;
}
html[data-theme="dark"] .dff-auth-field input:focus {
	outline: 1px solid #aa0e0e;
}
html[data-theme="dark"] .dff-auth-field small {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-auth-switch {
	border-top: 1px dotted #353535;
}
html[data-theme="dark"] .dff-auth-aside {
	border: 1px solid #353535;
	background: #1e1e1e;
}
html[data-theme="dark"] .dff-auth-aside h2 {
	color: #f15555;
}
html[data-theme="dark"] .dff-dash-nav {
	border: 1px solid #424242;
	background: #232323;
}
html[data-theme="dark"] .dff-dash-me {
	border-bottom: 2px solid #aa0e0e;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-dash-me small {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-dash-nav nav a {
	border-bottom: 1px solid #313131;
	color: #6895df;
}
html[data-theme="dark"] .dff-dash-nav nav a.is-active {
	background: #aa0e0e;
	color: #f0f0f0;
}
html[data-theme="dark"] .dff-dash-nav nav a:hover {
	background: #2b2b2b;
}
html[data-theme="dark"] .dff-dash-nav nav a.is-active:hover {
	background: #990c0c;
}
html[data-theme="dark"] .dff-dash-count {
	background: #aa0e0e;
	color: #f0f0f0;
}
html[data-theme="dark"] .dff-dash-nav nav a.is-active .dff-dash-count {
	background: #1a1a1a;
	color: #f15555;
}
html[data-theme="dark"] .dff-dash-main h1 {
	color: #f15555;
}
html[data-theme="dark"] .dff-dash-main h1 small {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-dash-notice {
	border: 1px solid #6a5c1b;
	background: #423805;
	color: #f6dc8d;
}
html[data-theme="dark"] .dff-stat {
	border: 1px solid #353535;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-stat span {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-stat strong {
	color: #e6e6e6;
}
html[data-theme="dark"] .dff-dash-panel {
	border: 1px solid #353535;
	background: #1e1e1e;
}
html[data-theme="dark"] .dff-dash-panel h2 {
	color: #f15555;
}
html[data-theme="dark"] .dff-dash-panel h2 small {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-dash-empty {
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-acct-chart {
	background: #1a1a1a;
	border: 1px solid #313131;
}
html[data-theme="dark"] .dff-chart-max {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-chart-axis {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-dash-toolbar select {
	border: 1px solid #4f6a83;
}
html[data-theme="dark"] .dff-dash-comment {
	border-top: 1px dotted #353535;
}
html[data-theme="dark"] .dff-dash-comment p {
	color: #bdbdbd;
}
html[data-theme="dark"] .dff-table {
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-table th,
html[data-theme="dark"] .dff-table td {
	border: 1px solid #313131;
}
html[data-theme="dark"] .dff-table thead th {
	background: #232323;
}
html[data-theme="dark"] .dff-table tr.is-unread td {
	background: #423805;
}
html[data-theme="dark"] .dff-dash-thumb {
	border: 1px solid #272727;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-badge {
	border: 1px solid #424242;
	background: #232323;
	color: #bdbdbd;
}
html[data-theme="dark"] .dff-badge-live,
html[data-theme="dark"] .dff-badge-sub_approved,
html[data-theme="dark"] .dff-badge-claim_approved,
html[data-theme="dark"] .dff-badge-ticket_answered,
html[data-theme="dark"] .dff-badge-verified {
	border-color: #336633;
	background: #133113;
	color: #94d994;
}
html[data-theme="dark"] .dff-badge-hidden_owner,
html[data-theme="dark"] .dff-badge-sub_pending,
html[data-theme="dark"] .dff-badge-claim_pending,
html[data-theme="dark"] .dff-badge-claim_partial,
html[data-theme="dark"] .dff-badge-ticket_open,
html[data-theme="dark"] .dff-badge-ticket_new,
html[data-theme="dark"] .dff-badge-unverified,
html[data-theme="dark"] .dff-badge-new {
	border-color: #80671b;
	background: #423805;
	color: #f5d981;
}
html[data-theme="dark"] .dff-badge-hidden_admin,
html[data-theme="dark"] .dff-badge-sub_rejected,
html[data-theme="dark"] .dff-badge-claim_rejected {
	border-color: #5c2c2c;
	background: #370404;
	color: #f15555;
}
html[data-theme="dark"] .dff-field {
	color: #bdbdbd;
}
html[data-theme="dark"] .dff-field input[type="text"],
html[data-theme="dark"] .dff-field input[type="email"],
html[data-theme="dark"] .dff-field input[type="url"],
html[data-theme="dark"] .dff-field input[type="password"],
html[data-theme="dark"] .dff-field input[type="search"],
html[data-theme="dark"] .dff-field select,
html[data-theme="dark"] .dff-field textarea {
	border: 1px solid #4f6a83;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-field small {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-dash-search input {
	border: 1px solid #4f6a83;
}
html[data-theme="dark"] .dff-claim-list {
	border: 1px solid #313131;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-claim-selectall {
	background: #232323;
}
html[data-theme="dark"] .dff-claim-item {
	border: 1px solid #272727;
}
html[data-theme="dark"] .dff-claim-item:hover {
	background: #1e1e1e;
}
html[data-theme="dark"] .dff-claim-item small {
	color: #8c8c8c;
}
html[data-theme="dark"] .dff-thread-msg {
	border: 1px solid #353535;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-thread-admin {
	border-inline-start: 4px solid #aa0e0e;
	background: #340404;
}
html[data-theme="dark"] .dff-thread-user {
	border-inline-start: 4px solid #1c4383;
}
html[data-theme="dark"] .dff-avatar {
	border: 1px solid #424242;
	background: #1a1a1a;
}
html[data-theme="dark"] .dff-avatar-empty {
	background: #aa0e0e;
	color: #f0f0f0;
}
html[data-theme="dark"] .dff-danger-zone {
	border-color: #5c2c2c;
	background: #340404;
}
html[data-theme="dark"] .dff-designer-head {
	border: 1px solid #424242;
	background: #202020;
}
html[data-theme="dark"] .dff-designer-head h1 {
	color: #f15555;
}
html[data-theme="dark"] .dff-designer-stats {
	color: #a2a2a2;
}
html[data-theme="dark"] .dff-designer-bio {
	color: #bdbdbd;
}
html[data-theme="dark"] .dff-designer-sort {
	border-bottom: 2px solid #aa0e0e;
}
html[data-theme="dark"] .dff-designer-sort a {
	border: 1px solid #505050;
	background: #292929;
	color: #e6e6e6;
}
html[data-theme="dark"] .dff-designer-sort a.is-active {
	border-color: #aa0e0e;
	background: #aa0e0e;
	color: #f0f0f0;
}
html[data-theme="dark"] .dff-designers h1 {
	color: #f15555;
}
html[data-theme="dark"] .dff-designers-az a.is-current {
	color: #f15555;
}
html[data-theme="dark"] .dff-more-by .page-header h2 {
	color: #f15555;
}
html[data-theme="dark"] .adm-nav {
	border-bottom: 2px solid #aa0e0e;
}
html[data-theme="dark"] .adm-nav a {
	border: 1px solid #505050;
	background: #292929;
	color: #e6e6e6;
}
html[data-theme="dark"] .adm-nav a.is-active {
	border-color: #aa0e0e;
	background: #aa0e0e;
	color: #f0f0f0;
}
html[data-theme="dark"] .adm h2 {
	color: #f15555;
}
html[data-theme="dark"] .adm-muted {
	color: #8c8c8c;
}
html[data-theme="dark"] .adm-filter a.is-active {
	color: #f15555;
}
html[data-theme="dark"] .adm-table {
	background: #1a1a1a;
}
html[data-theme="dark"] .adm-table th,
html[data-theme="dark"] .adm-table td {
	border: 1px solid #313131;
}
html[data-theme="dark"] .adm-table thead th {
	background: #232323;
}
html[data-theme="dark"] .adm-diff {
	color: #afafaf;
}
html[data-theme="dark"] .adm-msg {
	border: 1px solid #353535;
	background: #1a1a1a;
}
html[data-theme="dark"] .adm-msg-admin {
	border-inline-start: 4px solid #aa0e0e;
	background: #340404;
}
html[data-theme="dark"] .adm-msg-user {
	border-inline-start: 4px solid #1c4383;
}
html[data-theme="dark"] .adm-form textarea,
html[data-theme="dark"] .adm-form input[type="text"] {
	border: 1px solid #4f6a83;
}
html[data-theme="dark"] .adm-inline input[type="text"],
html[data-theme="dark"] .adm-inline input[type="email"],
html[data-theme="dark"] .adm-inline input[type="search"],
html[data-theme="dark"] .adm-inline select {
	border: 1px solid #4f6a83;
}
@media (max-width: 760px) {
html[data-theme="dark"] .dff-dash-nav nav a {
	border-inline-end: 1px solid #313131;
}
}
html[data-theme="dark"] .dff-hdr-badge {
	background: #aa0e0e;
	color: #f0f0f0;
}
html[data-theme="dark"] .adm-card {
	border: 1px solid #424242;
	background: #202020;
	color: #bdbdbd;
}
html[data-theme="dark"] .adm-card strong {
	color: #a2a2a2;
}
html[data-theme="dark"] .adm-card:hover {
	border-color: #6b6b6b;
}
html[data-theme="dark"] .adm-card-todo {
	border-color: #aa0e0e;
	background: #370404;
}
html[data-theme="dark"] .adm-card-todo strong {
	color: #f15555;
}
html[data-theme="dark"] .adm-del {
	color: #f15555 !important;
}
html[data-theme="dark"] .adm-toast {
	box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
html[data-theme="dark"] .adm-toast-ok {
	background: #133113;
	border-color: #5b965b;
	color: #a1d5a1;
}
html[data-theme="dark"] .adm-toast-err {
	background: #3a0505;
	border-color: #993e3e;
	color: #df6767;
}
html[data-theme="dark"] .dff-theme-btn {
	border: 1px solid #3b3b3b;
	background: #242424;
	color: #bdbdbd;
}
html[data-theme="dark"] .dff-theme-btn:hover {
	border-color: #6b6b6b;
}
html[data-theme="dark"] .dff-theme-btn:focus-visible {
	outline: 2px solid #aa0e0e;
}
html[data-theme="dark"] .site-secondary-action.admin-item-delete {
	border-color: #8e0b0b !important;
	background: #aa0e0e !important;
	color: #f0f0f0 !important;
}
html[data-theme="dark"] .site-secondary-action.admin-item-delete:hover {
	background: #8e0b0b !important;
	color: #f0f0f0 !important;
}

/* --- from set.php --- */
html[data-theme="dark"] a {
	color: #78a6cf;
}
html[data-theme="dark"] .logo {
	background-color: #212121;
	border-bottom-color: #4c4c4c;
}
html[data-theme="dark"] .error-code {
	color: #dd7f97;
}
html[data-theme="dark"] .ref-url {
	color: #dd7f97;
}
html[data-theme="dark"] .btn {
	color: #78a6cf;
}

/* --- from account.php --- */
html[data-theme="dark"] .admin-collapsible-toggle {
	color: #848995;
}
html[data-theme="dark"] .admin-item-delete {
	background: #ad2929;
	color: #f0f0f0;
}
html[data-theme="dark"] .admin-item-delete:hover,
html[data-theme="dark"] .admin-item-delete:focus {
	background: #9c2424;
	color: #f0f0f0;
}

/* --- style/dark-extra.css --- */
/* Dark theme: rules the generator cannot derive from style.css.
   Appended to style/dark.css by tools/build-dark-css.php - edit here, then rebuild. */

/* Base (Bootstrap 3 sets these in its own CDN stylesheet). */
html[data-theme="dark"] body { background-color: #141414; color: #dcdcdc; }
html[data-theme="dark"] a { color: #7fb2ff; }
html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:focus { color: #a9cbff; }
html[data-theme="dark"] hr { border-top-color: #333; }
/* Bootstrap's .page-header underline (#eee) under section headings. */
html[data-theme="dark"] .page-header { border-bottom-color: #333; }
html[data-theme="dark"] code { background-color: #3a2230; color: #f2a0bf; }
html[data-theme="dark"] pre { background-color: #1f1f1f; border-color: #333; color: #dcdcdc; }
html[data-theme="dark"] ::placeholder { color: #8a8a8a; opacity: 1; }

/* Form controls. */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-control {
	background-color: #1f1f1f;
	border-color: #444;
	color: #e6e6e6;
}
html[data-theme="dark"] .form-control:focus { border-color: #5b8ed6; box-shadow: 0 0 0 2px rgba(91, 142, 214, .35); }
html[data-theme="dark"] input[type="checkbox"],
html[data-theme="dark"] input[type="radio"] { accent-color: #ff5c5c; }
html[data-theme="dark"] .input-group-addon { background-color: #262626; border-color: #444; color: #ccc; }

/* Bootstrap components used across the site. */
html[data-theme="dark"] .btn-default { background-color: #262626; border-color: #444; color: #e6e6e6; }
html[data-theme="dark"] .btn-default:hover,
html[data-theme="dark"] .btn-default:focus,
html[data-theme="dark"] .btn-default:active { background-color: #333; border-color: #555; color: #fff; }
html[data-theme="dark"] .dropdown-menu { background-color: #1f1f1f; border-color: #3a3a3a; }
html[data-theme="dark"] .dropdown-menu > li > a { color: #dcdcdc; }
html[data-theme="dark"] .dropdown-menu > li > a:hover,
html[data-theme="dark"] .dropdown-menu > li > a:focus { background-color: #2c2c2c; color: #fff; }
html[data-theme="dark"] .modal-content { background-color: #1c1c1c; border-color: #3a3a3a; }
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer { border-color: #333; }
html[data-theme="dark"] .close { color: #e6e6e6; text-shadow: none; opacity: .7; }
html[data-theme="dark"] .well,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .list-group-item { background-color: #1c1c1c; border-color: #333; color: #dcdcdc; }
html[data-theme="dark"] .panel-default > .panel-heading { background-color: #242424; border-color: #333; color: #e6e6e6; }
html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] .table > tbody > tr > th { border-color: #333; }
html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) { background-color: #1c1c1c; }
html[data-theme="dark"] .table-hover > tbody > tr:hover { background-color: #242424; }
html[data-theme="dark"] .pagination > li > a,
html[data-theme="dark"] .pagination > li > span { background-color: #1c1c1c; border-color: #3a3a3a; color: #7fb2ff; }
html[data-theme="dark"] .pagination > .active > a,
html[data-theme="dark"] .pagination > .active > span { background-color: #b33; border-color: #b33; color: #fff; }
html[data-theme="dark"] .nav-tabs { border-bottom-color: #3a3a3a; }
html[data-theme="dark"] .nav-tabs > li > a:hover { background-color: #242424; border-color: #3a3a3a; }
html[data-theme="dark"] .nav-tabs > li.active > a { background-color: #141414; border-color: #3a3a3a #3a3a3a transparent; color: #e6e6e6; }
html[data-theme="dark"] .breadcrumb { background-color: #1c1c1c; }
html[data-theme="dark"] .alert-success { background-color: #16301c; border-color: #285c33; color: #a8e0b4; }
html[data-theme="dark"] .alert-info { background-color: #15283a; border-color: #23476a; color: #a9cdee; }
html[data-theme="dark"] .alert-warning { background-color: #33290f; border-color: #5e4b17; color: #ecd496; }
html[data-theme="dark"] .alert-danger { background-color: #3a1717; border-color: #6a2525; color: #f1aaaa; }
html[data-theme="dark"] .tooltip-inner { background-color: #e6e6e6; color: #141414; }

/* Font preview images: black-on-white PNGs. invert(.9) turns white into
   #1a1a1a (the generator's dark surface) and black into #e6e6e6, so a preview
   reads as light text on the dark card; hue-rotate keeps colour fonts' hues. */
html[data-theme="dark"] img.prev-img,
html[data-theme="dark"] img.prev-img-details,
html[data-theme="dark"] img[src*="/sub/images/"],
html[data-theme="dark"] img[src*="/sub/img/prev"],
html[data-theme="dark"] img[src*="/sub/img/custom"] {
	filter: invert(.9) hue-rotate(180deg) !important;
}

/* Compare tool: the A/B/C/D badge is a light chip on the coloured slot bar,
   as in light mode (its letter colour is set inline per slot). */
html[data-theme="dark"] .dff-cmp-slot-letter { background: #f0f0f0; }

/* The orange logo and avatars/illustrations keep their own colours. */
html[data-theme="dark"] .dff-svg-logo { filter: brightness(1.15); }