/* Token efek visual — Course CSS (Visual Effects Best Practices) */

:root {
  --radius-kecil: 6px;
  --radius-sedang: 12px;
  --radius-penuh: 9999px;
  --bayangan-ringan: 0px 1px 2px rgba(15, 23, 42, 0.08);
  --bayangan-sedang: 0px 4px 12px rgba(15, 23, 42, 0.12);
}

/* Kartu memakai token radius dan bayangan yang sama dengan komponen lain */
.kartu-token {
  border-radius: var(--radius-sedang);
  box-shadow: var(--bayangan-ringan);
}

/* Tombol sekunder dan utama sama-sama berbentuk pil */
.tombol-token {
  border-radius: var(--radius-penuh);
}