/* Tajweed CSS Classes - Warna untuk aturan tajweed */

/* Hijaiyah basic colors - Support both underscore and dash formats */
.ham_wasl, .ham-wasl { color: #ff6b35; } /* Hamzat Wasl */
.laam_shamsiyah, .laam-shamsiyah { color: #4ecdc4; } /* Laam Syamsiyah */
.madda_normal, .madda-normal { color: #45b7d1; } /* Mad normal */
.madda_ashli, .madda-ashli { color: #45b7d1; } /* Mad asli */
.madda_fari, .madda-fari { color: #96ceb4; } /* Mad far'i */
.madda_lazim, .madda-lazim { color: #feca57; } /* Mad lazim */
.madda_muttasil, .madda-muttasil { color: #ff9ff3; } /* Mad muttasil */
.madda_munfasil, .madda-munfasil { color: #54a0ff; } /* Mad munfasil */
.madda_permissible, .madda-permissible { color: #a29bfe; } /* Mad permissible */
.madda_necessary, .madda-necessary { color: #fd79a8; } /* Mad necessary */

/* Ghunnah */
.ghunnah { color: #ee5a24; }

/* Qalqalah */
.qalqalah_kubra, .qalqalah-kubra { color: #f368e0; }
.qalqalah_sughra, .qalqalah-sughra { color: #f368e0; }

/* Idgham */
.idgham_shafawi, .idgham-shafawi { color: #00d2d3; }
.idgham_ghunnah, .idgham-ghunnah { color: #00d2d3; }
.idgham_bilaghunnah, .idgham-bilaghunnah { color: #00d2d3; }
.idgham_bighair_ghunnah, .idgham-bighair-ghunnah { color: #00d2d3; }
.idgham_mimi, .idgham-mimi { color: #00d2d3; }

/* Ikhfa */
.ikhfa_shafawi, .ikhfa-shafawi { color: #48dbfb; }
.ikhfa_haqqi, .ikhfa-haqqi { color: #48dbfb; }

/* Iqlab */
.iqlab { color: #0abde3; }

/* Alif */
.alif_khanjariyah, .alif-khanjariyah { color: #c8d6e5; }

/* Lam Ta'rif */
.lam_tafkhim, .lam-tafkhim { color: #10ac84; }
.lam_tarqiq, .lam-tarqiq { color: #10ac84; }

/* Ra */
.ra_tafkhim, .ra-tafkhim { color: #ee5a6f; }
.ra_tarqiq, .ra-tarqiq { color: #ee5a6f; }

/* Nun Sakin */
.nun_sakin, .nun-sakin { color: #f368e0; }

/* Mim Sakin */
.mim_sakin, .mim-sakin { color: #ff6348; }

/* Other rules */
.qalqalah { color: #f368e0; }
.idgham { color: #00d2d3; }
.ikhfa { color: #48dbfb; }
.maddah { color: #45b7d1; }
.tanwin { color: #feca57; }
.shaddah { color: #ff9ff3; }

/* End ayat marker */
.end { color: #636e72; font-weight: bold; }

/* Default fallback for any tajweed class */
[class*="tajweed"] {
  font-weight: 500;
}