/* =====================================================================
   Text Tools Pro — dark-mode.css
   Clean dark theme matching the blue (#2563EB) brand identity.
   ===================================================================== */

@media (prefers-color-scheme: dark) {
  body.ttp-theme-auto:not(.ttp-mode-light) {
    --ttp-bg:        #0b1120; /* slate-950-ish navy */
    --ttp-surface:   #111827; /* gray-900 */
    --ttp-surface-2: #1f2937; /* gray-800 */
    --ttp-text:      #f9fafb; /* gray-50 */
    --ttp-text-soft: #d1d5db; /* gray-300 */
    --ttp-text-mute: #9ca3af; /* gray-400 */
    --ttp-border:    #374151; /* gray-700 */
    --ttp-border-soft:#1f2937; /* gray-800 */
    --ttp-accent:    #3b82f6; /* blue-500 — brighter on dark */
    --ttp-accent-2:  #60a5fa; /* blue-400 hover */
    --ttp-accent-3:  #2563eb; /* blue-600 */
    --ttp-tint:      #172554; /* blue-950 */
    --ttp-tint-2:    #1e3a8a; /* blue-900 */
  }
  body.ttp-theme-auto:not(.ttp-mode-light) .site-header { background: rgba(11,17,32,0.92); border-bottom-color: #1f2937; }
}

/* Manual dark toggle */
body.ttp-mode-dark,
body.ttp-theme-dark {
  --ttp-bg:        #0b1120;
  --ttp-surface:   #111827;
  --ttp-surface-2: #1f2937;
  --ttp-text:      #f9fafb;
  --ttp-text-soft: #d1d5db;
  --ttp-text-mute: #9ca3af;
  --ttp-border:    #374151;
  --ttp-border-soft:#1f2937;
  --ttp-accent:    #3b82f6;
  --ttp-accent-2:  #60a5fa;
  --ttp-accent-3:  #2563eb;
  --ttp-tint:      #172554;
  --ttp-tint-2:    #1e3a8a;
}

body.ttp-mode-dark .site-header,
body.ttp-theme-dark .site-header { background: rgba(11,17,32,0.92); border-bottom-color: #1f2937; }
body.ttp-mode-dark .ttp-cc-hero,
body.ttp-theme-dark .ttp-cc-hero { background: linear-gradient(180deg, #0f1b38 0%, #0b1120 100%); }

body.ttp-mode-dark code,
body.ttp-mode-dark pre,
body.ttp-theme-dark code,
body.ttp-theme-dark pre { background: #0b1120; border: 1px solid #1f2937; color: #f9fafb; }

body.ttp-mode-dark img,
body.ttp-theme-dark img { background-color: #0b1120; }

body.ttp-mode-dark input, body.ttp-mode-dark textarea, body.ttp-mode-dark select,
body.ttp-theme-dark input, body.ttp-theme-dark textarea, body.ttp-theme-dark select {
  background: #1a2436;
  color: var(--ttp-text);
  border-color: var(--ttp-border);
}

body.ttp-mode-dark .ttp-btn-primary,
body.ttp-theme-dark .ttp-btn-primary { color: #fff; background: var(--ttp-accent); border-color: var(--ttp-accent); }
body.ttp-mode-dark .ttp-btn-primary:hover,
body.ttp-theme-dark .ttp-btn-primary:hover { background: var(--ttp-accent-2); color: #0b1120; }

body.ttp-mode-dark .site-title,
body.ttp-theme-dark .site-title { color: var(--ttp-accent-2); }

body.ttp-mode-dark .site-footer,
body.ttp-theme-dark .site-footer { background: #080d18; border-top-color: #1f2937; }
body.ttp-mode-dark .ttp-badge,
body.ttp-theme-dark .ttp-badge { background: var(--ttp-tint); border-color: var(--ttp-tint-2); color: var(--ttp-accent-2); }