* { margin: 0; padding: 0; box-sizing: border-box; } /* ---------- tema warna ---------- Semua warna "jenama" (bg gelap + accent) dipusatkan sini jadi custom property, supaya tema baru = satu blok [data-theme="xxx"] je, xperlu cari-ganti hex serata fail. Admin pilih tema (content.theme), index.html set atribut data-theme kat ikut nilai tu. "-rgb" (triplet nombor tanpa rgba()) sedia utk box-shadow/gradient yg perlukan alpha (rgba() xleh terima terus custom property utk 1 channel je). Warna "urgent" (amaran azan/iqamah — kuning/amber) & dark-text kekal SAMA semua tema sengaja — amber ni isyarat "waktu dah masuk" yg universal, xdikaitkan dgn jenama masjid, so xperlu berubah ikut tema. */ :root { --c-bg-0: #020a08; --c-bg-0-rgb: 2, 10, 8; --c-bg-1: #041310; --c-bg-2: #0a2620; --c-bg-3: #0c2019; --c-bg-4: #1a4638; --c-bg-5: #123c30; --c-panel-radial-rgb: 12, 36, 29; --c-shadow-deep-rgb: 9, 74, 58; --c-accent-1: #1D9E75; --c-accent-1-rgb: 29, 158, 117; --c-accent-2: #0F6E56; --c-accent-2-rgb: 15, 110, 86; --c-accent-3: #5DCAA5; --c-accent-3-rgb: 93, 202, 165; --c-accent-tint: #E1F5EE; --c-accent-dark-text: #04342C; /* teks gelap atas pill terang accent-3 (cth waktu solat akan datang) */ --c-urgent: #FAC775; --c-urgent-rgb: 250, 199, 117; --c-urgent-text: #04342C; --c-urgent-bg-1: #4a3418; --c-urgent-bg-2: #1f1207; /* ---------- gaya fon ---------- Sama prinsip macam tema warna — peranan (bukan nama fon terus) dipusatkan sini. Gaya baru = 1 blok [data-font="xxx"] + 1