/* Pasangan warna teks yang telah diperiksa rasio kontrasnya.
   Rasio dihitung dengan rumus WCAG (lihat chapter Color Contrast). */
:root {
  --teks-utama: rgb(15 23 42);        /* di atas --latar-halaman: 17,1:1 */
  --teks-redup: rgb(71 85 105);       /* di atas --latar-halaman: 7,2:1 */
  --latar-halaman: rgb(248 250 252);
  --tombol-latar: rgb(37 99 235);     /* putih di atasnya: 5,2:1 */
  --tombol-teks: rgb(255 255 255);
  /* Warna khusus teks besar (≥24px atau ≥18,7px bold): ambang 3:1 */
  --aksen-besar: rgb(234 88 12);      /* di atas putih: 3,6:1 */
}

.badan {
  background-color: var(--latar-halaman);
  color: var(--teks-utama);
}

.tombol {
  background-color: var(--tombol-latar);
  color: var(--tombol-teks);
}