/* DBC interface dark mode — never loaded by templates/legacy.html.
   This file intentionally does not alter user-created legacy themes,
   the public example legacy, the theme studio preview, or uploaded media. */
.dbc-theme-toggle {
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  background:transparent; color:#284435; border:1px solid #99ae9e;
  border-radius:999px; min-height:36px; padding:6px 12px;
  cursor:pointer; font-size:12px; font-weight:750; line-height:1.1;
  white-space:nowrap; flex-shrink:0; transition:background .15s,border-color .15s;
}
.dbc-theme-toggle:hover{background:#e5ede6;border-color:#587762}
.dbc-theme-toggle:focus-visible{outline:3px solid #d3aa67;outline-offset:3px}
.dbc-theme-toggle [data-dbc-theme-icon]{font-size:19px;line-height:1}
.app-top .dbc-theme-toggle{margin-right:3px}
.public-header-inner>.dbc-theme-toggle{order:5}
@media(max-width:850px){
  .public-header-inner>.dbc-theme-toggle{order:0;margin-left:auto}
  .public-header-inner>.mobile-toggle{order:1}
  .public-header .dbc-theme-toggle{padding:6px 9px;min-height:34px}
}
@media(max-width:510px){
  .public-header .dbc-theme-toggle [data-dbc-theme-label],
  .app-top .dbc-theme-toggle [data-dbc-theme-label]{display:none}
  .public-header .dbc-theme-toggle,.app-top .dbc-theme-toggle{min-width:38px}
}

/* Scoped to the shared public/account template. No rules apply to body.legacy-page. */
html.dbc-dark body:is(.public-mode,.app-mode){
  color-scheme:dark;
  --ink:#e7eee7;--ink2:#c4d0c5;--cream:#101a16;--paper:#1c2a23;
  --sage:#1a2a21;--line:#3b5042;--terra:#dfb393;
  --soft:#2b342c;--shadow:0 14px 40px #0006;
  background:#101a16;color:#e7eee7;
}
html.dbc-dark body:is(.public-mode,.app-mode) :is(.muted,.fineprint,.field-hint){color:#aabfb0}
html.dbc-dark body:is(.public-mode,.app-mode) :is(.eyebrow-green,.price-label,.section-minihead>span){color:#c3cfae}
html.dbc-dark body:is(.public-mode,.app-mode) h1 em,
html.dbc-dark body:is(.public-mode,.app-mode) h2 em{color:#e4b39a}
html.dbc-dark body:is(.public-mode,.app-mode) a:focus-visible,
html.dbc-dark body:is(.public-mode,.app-mode) button:focus-visible{outline:3px solid #e0b06f;outline-offset:3px}

/* Site-wide navigation, public marketing content and footer. */
html.dbc-dark body.public-mode .public-header{background:#17241d;border-bottom-color:#344a3a}
html.dbc-dark body.public-mode .public-links{color:#d4e3d3}
html.dbc-dark body.public-mode .header-signin{color:#d4e3d3}
html.dbc-dark body.public-mode .footer{background:#192720;color:#e7eee7}
html.dbc-dark body.public-mode .footer-bottom{border-top-color:#365040}
html.dbc-dark body.public-mode .footer p{color:#b3c9b7}
html.dbc-dark body.public-mode :is(.hero,.public-banner){background:#14211b}
html.dbc-dark body.public-mode :is(.hero-desc,.hero-sub,.section-heading>p,.public-banner p,
 .plans-section .centered>p,.price-card p,.feature-card p,.info-card p,.books-grid p,
 .standalone-narrow>p,.auth-left>p,.pricing-disclaimer,.hero .art-label){color:#b1c4b5}
html.dbc-dark body.public-mode .trust-band{background:#203128;color:#d7e1d7}
html.dbc-dark body.public-mode :is(.feature-card,.price-card,.info-card,.faq-list details,
 .art-note,.quote-card){background:#1e2c25;border-color:#3b5040;color:#e7eee7;box-shadow:0 12px 30px #0004}
html.dbc-dark body.public-mode :is(.feature-card-featured,.price-card.highlighted){background:#253b2e}
html.dbc-dark body.public-mode :is(.quote-card p,.quote-card span,.quote-card small){color:#d7dfce}
html.dbc-dark body.public-mode .story-strip{background:#223b2c}
html.dbc-dark body.public-mode .story-strip-graphic{background:#345544}
html.dbc-dark body.public-mode .story-strip-copy p{color:#d4dfd5}
html.dbc-dark body.public-mode .soft-callout{background:#26392d;border-color:#405b48;color:#c6d4c8}
html.dbc-dark body.public-mode .soft-callout strong{color:#eaf0e6}
html.dbc-dark body.public-mode :is(.faq-list p,.feature-card p,.info-card p){color:#b7c8b9}
html.dbc-dark body.public-mode .price small{color:#afc2ae}
html.dbc-dark body.public-mode .most-loved{background:#6b9276;color:#0d1912}
html.dbc-dark body.public-mode .auth-art{background:#3d6046}
html.dbc-dark body.public-mode .art-note>span{background:#3b4639;color:#e1bc96}
html.dbc-dark body.public-mode .art-note small{color:#adc4b3}
html.dbc-dark body.public-mode .mini-avatars span{border-color:#17241d}
html.dbc-dark body.public-mode .last-cta{background:#294634}
html.dbc-dark body.public-mode .btn-outline{border-color:#8eae92;color:#e4eee4;background:transparent}
html.dbc-dark body.public-mode .btn-outline:hover{background:#304836}
html.dbc-dark body.public-mode .btn-dark{background:#d9e6d7;color:#13231a}
html.dbc-dark body.public-mode .btn-primary{background:#749d7b;color:#07110a}
html.dbc-dark body.public-mode .btn-light{background:#e7ede3;color:#16291c}
html.dbc-dark body.public-mode .header-signin:hover,
html.dbc-dark body.public-mode .public-links a:hover{color:#e1bd96}
@media(max-width:850px){
 html.dbc-dark body.public-mode .public-links.open,
 html.dbc-dark body.public-mode .public-actions.open{background:#17241d;border-color:#3b5042}
}

/* Subscriber dashboard, admin views, support pages, and forms. */
html.dbc-dark body.app-mode{background:#101a16}
html.dbc-dark body.app-mode .sidebar{background:#0e2118;color:#e0ede2}
html.dbc-dark body.app-mode .app-top{background:#17241d;border-bottom-color:#33493b}
html.dbc-dark body.app-mode .app-top .eyebrow{color:#b6cbb7}
html.dbc-dark body.app-mode .app-main{color:#e7eee7}
html.dbc-dark body.app-mode :is(.panel,.progress-card,.quick-card,.price-card,.entry-card,
 .info-card,.admin-overview-stats>div,.message-card,.faq-list details,
 .theme-choice,.theme-option,.account-banner,.contact-ticket-card){
  background:#1c2b23;color:#e6efe5;border-color:#405444;box-shadow:0 9px 25px #0003;
}
html.dbc-dark body.app-mode :is(.gentle-panel,.empty-mini,.soft-callout,.empty-state,
 .studio-controls,.form-panel){background:#22352a;border-color:#4b6553;color:#e7eee7}
html.dbc-dark body.app-mode :is(.app-title p,.quick-card p,.progress-card p,.gentle-panel p,
 .account-row small,.support-link small,.question-line small,.admin-item small,
 .admin-item p,.message-by small,.field-hint,.support-info small){color:#b0c3b2}
html.dbc-dark body.app-mode :is(.quick-count,.question-line,.account-row,.faq-admin-item,
 .support-link,.audit-lines>div){border-color:#405643}
html.dbc-dark body.app-mode .progress-round{background:conic-gradient(#9bbd9f calc(var(--percent)*1%),#3b4f40 0)}
html.dbc-dark body.app-mode .progress-round span{background:#17241d;color:#e9f1e6}
html.dbc-dark body.app-mode .welcome-card{background:#345541}
html.dbc-dark body.app-mode .welcome-card p{color:#d1dfd1}
html.dbc-dark body.app-mode :is(.tag,.subtle-chip,.status-tag,.support-tabs a,
 .admin-quicklinks a){background:#314a38;color:#e1eee1}
html.dbc-dark body.app-mode :is(.admin-quicklinks a:hover,.support-tabs .selected){background:#6a9673;color:#0b1a0f}
html.dbc-dark body.app-mode .message-card.message-staff{background:#294332;border-color:#51715a}
html.dbc-dark body.app-mode .message-card.message-internal{background:#48382d;border-color:#6c5744}
html.dbc-dark body.app-mode .support-link:hover{background:#293e2e}
html.dbc-dark body.app-mode :is(.unread-tag,.urgent-tag){color:#fff}
html.dbc-dark body.app-mode .unread-tag{background:#47785b}
html.dbc-dark body.app-mode .urgent-tag{background:#8d5342}
html.dbc-dark body.app-mode :is(.btn-outline,.check-standalone,.tick-list){color:#dae8d8}
html.dbc-dark body.app-mode .btn-outline{border-color:#8eae92;background:transparent}
html.dbc-dark body.app-mode .btn-outline:hover{background:#304836}
html.dbc-dark body.app-mode .btn-primary{background:#749d7b;color:#06140c}
html.dbc-dark body.app-mode .btn-dark{background:#dfe9da;color:#1e3424}
html.dbc-dark body.app-mode :is(.preview-top,.theme-card-copy small){color:#c0d0c2}
html.dbc-dark body.app-mode .studio-theme-group-heading{color:#dee9da}

/* Native controls: readable text, option menus, and placeholder text in both modes. */
html.dbc-dark body:is(.public-mode,.app-mode) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){
  background:#15231b;color:#f1f5ed;border:1px solid #617862;
}
html.dbc-dark body:is(.public-mode,.app-mode) :is(input,textarea)::placeholder{color:#9fb4a4;opacity:1}
html.dbc-dark body:is(.public-mode,.app-mode) :is(label,legend,summary){color:inherit}
html.dbc-dark body:is(.public-mode,.app-mode) :is(input[type=checkbox],input[type=radio]){accent-color:#93be9b}
html.dbc-dark body:is(.public-mode,.app-mode) :is(.warning-note,.notice){background:#394030;color:#f3e4cd;border-color:#5e644c}
html.dbc-dark body:is(.public-mode,.app-mode) :is(.delete-link,.btn-danger){color:#f2b3a6}
html.dbc-dark body:is(.public-mode,.app-mode) :is(.btn-light,.soft-callout a){text-decoration-color:#c3d2c0}

/* This is a website UI preference; owner-designed legacy previews are deliberately excluded. */
html.dbc-dark body.app-mode .legacy-mini,
html.dbc-dark body.app-mode .legacy-mini :is(.mini-nav,.mini-arch,.mini-content,.mini-tags){
  color:var(--legacy-ink); /* not a global palette — taken from the user's chosen design */
}
html.dbc-dark body.app-mode .legacy-mini{background:var(--legacy-bg)}
html.dbc-dark body.app-mode .legacy-mini .mini-subtitle,
html.dbc-dark body.app-mode .legacy-mini .mini-intro{color:var(--legacy-ink)}

/* Keep the exact approved transparent logo legible against dark navigation surfaces.
   This creates a deliberate warm backing for the existing image, not a new logo file. */
html.dbc-dark body:is(.public-mode,.app-mode) .dbc-brand-logo{
  background:#f7f5ee;border-radius:8px;
}
html.dbc-dark .dbc-theme-toggle{color:#e7eee7;border-color:#71907a;background:#263d2e}
html.dbc-dark .dbc-theme-toggle:hover{background:#345340}