﻿/* custom.css - MILIK PROJECT, tidak pernah ditimpa installer m-kit.
   Override token brand di sini, muat SETELAH m-ui.css. */

/* TX3 (docs/plans/m-ui-redesign_plan.md, Learnings T12): perbaikan kontras
   .mm-btn--tint (m-ui/css/m-ui-mobile.css:159-160 -- pola RESMI tombol
   "Batal" bottom sheet mobile). Di tema TERANG, teks var(--mui-accent) di
   atas latar color-mix(accent 14%, transparent) (komposit di atas
   --mui-solid TERANG) jatuh ke ~2.2:1 untuk seluruh preset yang diaudit --
   di bawah ambang 3:1. Tema GELAP sudah aman (~4.6:1) TANPA disentuh.

   VERIFIKASI SENDIRI (wajib per task card) membuktikan perbaikan naif --
   mengganti var(--mui-accent) ke var(--mui-accent-strong) TANPA syarat tema
   -- justru MEROBOHKAN tema gelap ke ~1.9-2.6:1: --mui-accent-strong sengaja
   dibuat gelap/"deep" (dirancang untuk permukaan TERANG), sehingga kontras
   bagus di atas --mui-solid TERANG tapi buruk di atas --mui-solid GELAP.
   Maka override ini HANYA berlaku pada tema yang RESOLVED terang:
     - eksplisit data-theme="light" (MUI.theme('light')), ATAU
     - tanpa override eksplisit dan OS lebih suka terang (fallback
       @media, dijaga :not([data-theme="dark"]) supaya toggle tema manual
       ke gelap tidak ikut ketiban aturan media-query saat OS kebetulan
       terang).
   Tema gelap (default maupun eksplisit data-theme="dark") TIDAK disentuh --
   tetap warna var(--mui-accent) bawaan m-ui-mobile.css, yang sudah lolos.
   Diverifikasi lewat m-ui/tools/audit-tokens.mjs (baris "tint aksen ...
   teks accent-strong/accent di atas tint 14%", per tema per preset). */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .mm-btn--tint { color: var(--mui-accent-strong); }
}
:root[data-theme="light"] .mm-btn--tint { color: var(--mui-accent-strong); }
