/* Guru Pintar — Mode Aksesibilitas
   Additive: tidak mengubah main.css, hanya override lewat CSS var & atribut data-a11y-*.
   Dimuat SETELAH main.css/components.css supaya menang di urutan cascade. */

/* Ukuran teks besar — pakai zoom (bukan rem) karena banyak font-size ditulis fixed px */
html[data-a11y-text="besar"] #main-content { zoom: 1.2; }
html[data-a11y-text="besar"] .sidebar { zoom: 1.15; }

/* Kontras tinggi — override CSS variable tema yang sudah dipakai konsisten di seluruh app.
   Dipaksa ke skema terang+gelap solid, apapun tema warna yang sedang aktif (termasuk tema Dark),
   supaya kontrasnya konsisten dan bisa diprediksi. */
html[data-a11y-contrast="1"] {
  --bg-main: #ffffff !important;
  --bg-card: #ffffff !important;
  --text-primary: #000000 !important;
  --text-secondary: #1a1a1a !important;
  --text-muted: #333333 !important;
  --border: #000000 !important;
  --border-mid: #000000 !important;
}
html[data-a11y-contrast="1"] body { background: #ffffff !important; }
html[data-a11y-contrast="1"] .card,
html[data-a11y-contrast="1"] .counter-card,
html[data-a11y-contrast="1"] .pilar-card,
html[data-a11y-contrast="1"] .btn,
html[data-a11y-contrast="1"] .form-input {
  border-width: 2px !important;
}
html[data-a11y-contrast="1"] .text-muted { color: #333333 !important; }