/* ============================================
   1. TOKENS
   ============================================ */
:root {
  --warna-primer: rgb(2, 132, 199);
  --warna-teks: rgb(15, 23, 42);
  --spasi-2: 8px;
  --spasi-3: 16px;
  --radius-kecil: 8px;
}

/* ============================================
   2. KOMPONEN — Tombol
   ============================================ */
.tombol {
  display: inline-block;
  background-color: var(--warna-primer);
  color: rgb(255, 255, 255);
  border-radius: var(--radius-kecil);
  padding: var(--spasi-2) var(--spasi-3);
  font-size: 14px;
}

/* ============================================
   3. KOMPONEN — Kartu
   ============================================ */
.kartu {
  color: var(--warna-teks);
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(226, 232, 240);
  border-radius: var(--radius-kecil);
  padding: var(--spasi-3);
}