/* ============================================================
   SMSGate Theme – Dark Mode
   Attivato dalla classe .dark-mode-active su <body>
   (il sito originale ha un toggle luce/buio)
   ============================================================ */

.dark-mode-active {
  --clr-bg:           #0f172a;
  --clr-bg-alt:       #1e293b;
  --clr-bg-header:    #0f172a;
  --clr-bg-card:      #1e293b;
  --clr-bg-code:      #0d1117;
  --clr-bg-footer:    #020617;

  --clr-text:         #cbd5e1;
  --clr-text-muted:   #94a3b8;
  --clr-text-subtle:  #64748b;
  --clr-heading:      #f1f5f9;

  --clr-border:       #1e293b;
  --clr-border-card:  #334155;

  --clr-accent-light: rgba(37,99,235,.15);
  --clr-accent-icon:  #60a5fa;
  --clr-footer-text:  #64748b;

  --shadow-card:  0 1px 3px rgba(0,0,0,.3);
  --shadow-hover: 0 4px 16px rgba(0,0,0,.4);
  --shadow-header: 0 1px 0 #1e293b;
}

.dark-mode-active .code-block__header { background: #1e293b; }
.dark-mode-active input[type="text"],
.dark-mode-active input[type="email"],
.dark-mode-active input[type="password"],
.dark-mode-active textarea,
.dark-mode-active select {
  background: #1e293b;
  border-color: #334155;
  color: var(--clr-heading);
}
.dark-mode-active .dark-mode-toggle { background: #334155; }
.dark-mode-active .node--view-mode-teaser,
.dark-mode-active .pager__item a { background: var(--clr-bg-card); }
