:root {
  --warna-aksen: rgb(2, 132, 199);
}
.kartu {
  /* Variabel lokal — antarmuka komponen */
  --kartu-aksen: var(--warna-aksen);
  --kartu-latar: rgb(255, 255, 255);

  background-color: var(--kartu-latar);
  border: 1px solid rgb(226, 232, 240);
  border-left: 4px solid var(--kartu-aksen);
  border-radius: 8px;
  padding: 16px;
  color: rgb(15, 23, 42);
}
.kartu--sukses {
  --kartu-aksen: rgb(22, 163, 74);
}
.kartu__label {
  color: var(--kartu-aksen);
  font-size: 12px;
  font-weight: 700;
}
.notifikasi {
  color: var(--warna-kesalahan, rgb(185, 28, 28));
  font-size: 14px;
}