/* =============================================================================
   dark-mode.css
   -----------------------------------------------------------------------------
   Palet mode gelap ada di tokens.css. Berkas ini hanya berisi penyesuaian
   komponen yang tidak cukup diselesaikan dengan menukar token — misalnya
   gradien, tombol berwarna solid, dan kontrol bawaan browser.
   ========================================================================== */

/* Kartu gradien: turunkan intensitas agar tidak menyilaukan di ruang gelap */
:root[data-theme="dark"] .card--next {
  background: linear-gradient(145deg, #1d4ed8 0%, #1e3a8a 100%);
}

:root[data-theme="dark"] .card--next__aksi .btn--primary {
  background: #dbeafe;
  color: #1e3a8a;
}

:root[data-theme="dark"] .quick--primary {
  background: var(--primary-strong);
  border-color: var(--primary-strong);
}

/* Tombol skor: warna solid disesuaikan agar teks putih tetap kontras */
:root[data-theme="dark"] .score-btn--plus { background: #15803d; }
:root[data-theme="dark"] .score-btn--minus { background: #b91c1c; }
:root[data-theme="dark"] .chip--plus.is-active { background: #15803d; }
:root[data-theme="dark"] .chip--minus.is-active { background: #b91c1c; }

:root[data-theme="dark"] .rank-1 { background: #4a3708; color: #fde68a; }
:root[data-theme="dark"] .rank-2 { background: #2b3648; color: #cbd5e1; }
:root[data-theme="dark"] .rank-3 { background: #4a2a0d; color: #fed7aa; }

:root[data-theme="dark"] .toast { background: #1f2c46; }
:root[data-theme="dark"] .toast--success { background: #166534; }
:root[data-theme="dark"] .toast--error { background: #991b1b; }
:root[data-theme="dark"] .toast--info { background: #1e40af; }

:root[data-theme="dark"] .modal-backdrop,
:root[data-theme="dark"] .sheet-backdrop { background: rgba(2, 6, 16, .68); }

:root[data-theme="dark"] .switch span { background: #e8eef8; }

:root[data-theme="dark"] .welcome__logo:not(.welcome__logo--lock) {
  background: var(--primary-strong);
}

/* Input file bawaan browser agar tidak putih menyala */
:root[data-theme="dark"] input[type="file"] { color: var(--text-muted); }

/* Kalender/jam bawaan pada input date agar ikonnya terlihat */
:root[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.6);
}

/* ---- Tambahan tema gelap untuk komponen baru ---- */

:root[data-theme="dark"] .kode-strip { background: #14361f; }
:root[data-theme="dark"] .kode-teks,
:root[data-theme="dark"] .kode-besar { color: #4ade80; }

/* Pratinjau input cepat: warna solid agar tetap terbaca di layar gelap */
:root[data-theme="dark"] .preview-chip--plus { background: #14361f; color: #4ade80; }
:root[data-theme="dark"] .preview-chip--minus { background: #3b1616; color: #f87171; }
:root[data-theme="dark"] .preview-chip--error { background: #3a2c0c; color: #fbbf24; }

:root[data-theme="dark"] .upload-box { background: var(--surface-2); }
:root[data-theme="dark"] .kode-input::placeholder { color: #35476a; }

:root[data-theme="dark"] .card--next-piket {
  background: linear-gradient(145deg, #2b3648 0%, #1f2937 100%);
}