/* MyMails v0.7.10 · dark-only contrast repair.
   Loaded after the optional visual theme. Keep all changes scoped to dark mode;
   use each theme's tokens rather than imposing Classic colors on custom themes. */
html[data-theme="dark"] {
  --dark-readable: color-mix(in srgb, var(--text) 90%, var(--surface));
  --dark-secondary: color-mix(in srgb, var(--text) 78%, var(--surface));
  --dark-tertiary: color-mix(in srgb, var(--text) 67%, var(--surface));
  --dark-hover: color-mix(in srgb, var(--text) 8%, var(--surface));
  --dark-selected: color-mix(in srgb, var(--primary) 23%, var(--surface));
  color-scheme: dark;
}

/* Sidebar: light-theme hardcoded blue-gray text disappeared on dark surfaces. */
html[data-theme="dark"] .sidebar { color: var(--dark-readable); }
html[data-theme="dark"] .sidebar .side-title,
html[data-theme="dark"] .sidebar .mailbox-folder-title,
html[data-theme="dark"] .sidebar .side-title a,
html[data-theme="dark"] .sidebar .side-title span:last-child,
html[data-theme="dark"] .sidebar .side-section-toggle { color: var(--dark-secondary); }
html[data-theme="dark"] .sidebar .nav-item,
html[data-theme="dark"] .sidebar .labels a,
html[data-theme="dark"] .sidebar .account-item,
html[data-theme="dark"] .sidebar .account-empty { color: var(--dark-readable); }
html[data-theme="dark"] .sidebar .nav-item:hover,
html[data-theme="dark"] .sidebar .labels a:hover,
html[data-theme="dark"] .sidebar .account-item:hover,
html[data-theme="dark"] .sidebar .side-section-toggle:hover { background: var(--dark-hover); }
html[data-theme="dark"] .sidebar .nav-item.active,
html[data-theme="dark"] .sidebar .account-item.active {
  background: var(--dark-selected);
  color: var(--text);
}
html[data-theme="dark"] .sidebar .nav-item b {
  background: var(--surface-2);
  color: var(--dark-readable);
}
html[data-theme="dark"] .sidebar .nav-item.active b,
html[data-theme="dark"] .sidebar .nav-item[data-unread-inbox="1"] > b {
  background: var(--dark-selected);
  color: var(--text);
}
html[data-theme="dark"] .sidebar .account-item small,
html[data-theme="dark"] .sidebar .nav-item > svg,
html[data-theme="dark"] .sidebar .labels svg { color: var(--dark-secondary); }
html[data-theme="dark"] .sidebar .nav-item.active > svg { color: var(--text); }
html[data-theme="dark"] .sidebar .account-empty { border-color: var(--line); }

/* Top bar: actionable icons, account label and the global search. */
html[data-theme="dark"] .topbar .icon-btn,
html[data-theme="dark"] .topbar .caret,
html[data-theme="dark"] .global-search,
html[data-theme="dark"] .global-search .search-expand,
html[data-theme="dark"] .global-search .search-submit { color: var(--dark-secondary); }
html[data-theme="dark"] .topbar .icon-btn:hover,
html[data-theme="dark"] .topbar .icon-btn:focus-visible { color: var(--text); background: var(--dark-hover); }
html[data-theme="dark"] .global-search input,
html[data-theme="dark"] .global-search input[type="search"] { color: var(--text); }
html[data-theme="dark"] .global-search input::placeholder,
html[data-theme="dark"] .global-search input[type="search"]::placeholder { color: var(--dark-secondary); opacity: 1; }
html[data-theme="dark"] .global-search:focus-within { background: var(--surface-2); border-color: var(--primary); }
html[data-theme="dark"] .global-search kbd { color: var(--dark-secondary); }
html[data-theme="dark"] .brand-text small,
html[data-theme="dark"] .profile small { color: var(--dark-secondary); }

/* Summary cards: the small descriptions used a fixed light-mode #7d899e. */
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .summary-card strong { color: var(--text); }
html[data-theme="dark"] .summary-card small,
html[data-theme="dark"] .summary-card strong i,
html[data-theme="dark"] .summary-card span:not(.summary-icon):not(.online-dot),
html[data-theme="dark"] .summary-card .summary-arrow { color: var(--dark-secondary); }
html[data-theme="dark"] .summary-card .progress { background: var(--surface-2); }

/* Inbox: increase readability without removing the distinction between read/unread. */
html[data-theme="dark"] .message-tabs button,
html[data-theme="dark"] .message-tabs .tab-link,
html[data-theme="dark"] .reader-toolbar .reader-title,
html[data-theme="dark"] .reader-nav small { color: var(--dark-secondary); }
html[data-theme="dark"] .message-tabs button:hover,
html[data-theme="dark"] .message-tabs .tab-link:hover { color: var(--text); background: var(--dark-hover); }
html[data-theme="dark"] .message-tabs button.active,
html[data-theme="dark"] .message-tabs .tab-link.active {
  color: var(--text);
  background: var(--dark-selected);
}
html[data-theme="dark"] .message-row,
html[data-theme="dark"] .message-row .message-copy strong,
html[data-theme="dark"] .message-row .message-copy b { color: var(--dark-readable); }
html[data-theme="dark"] .message-row:not(.is-unread) .message-copy b { color: var(--dark-secondary); }
html[data-theme="dark"] .message-row.is-unread .message-copy strong,
html[data-theme="dark"] .message-row.is-unread .message-copy b { color: var(--text); }
html[data-theme="dark"] .message-copy small,
html[data-theme="dark"] .message-meta time,
html[data-theme="dark"] .message-meta > span { color: var(--dark-secondary); }
html[data-theme="dark"] .message-copy small { font-size: 12px; }
html[data-theme="dark"] .message-row:hover { background: var(--dark-hover); }
html[data-theme="dark"] .message-row.selected { background: var(--dark-selected); }
html[data-theme="dark"] .message-row .checkbox { border-color: var(--dark-tertiary); }
html[data-theme="dark"] .message-row-star:not(.listed-starred) { color: var(--dark-secondary); }
html[data-theme="dark"] .reader-toolbar .icon-btn:not(:disabled) { color: var(--dark-secondary); }
html[data-theme="dark"] .reader-toolbar .icon-btn:not(:disabled):hover { color: var(--text); }

/* Existing account-colored badges, stars and explicitly disabled actions keep their state colors. */
@media (prefers-contrast: more) {
  html[data-theme="dark"] {
    --dark-secondary: var(--text);
    --dark-tertiary: var(--text);
  }
}