/* Import Font Inter dari Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body { 
    font-family: 'Inter', sans-serif; 
    background-color: #f8f9fa; 
    color: #334155; 
}

/* Standarisasi Icon Lucide */
.lucide { 
    width: 18px; 
    height: 18px; 
    stroke-width: 2px; 
}

.lucide-sm { width: 16px; height: 16px; margin-right: 6px; }
.lucide-lg { width: 24px; height: 24px; }
.lucide-xl { width: 48px; height: 48px; }

/* Standarisasi Komponen Berbasis Warna Tema (Primary) */
.btn-primary { 
    background-color: var(--primary-color) !important; 
    border: none !important; 
    color: #ffffff !important;
    transition: opacity 0.2s ease;
}

.btn-primary:hover {
    opacity: 0.85; /* Memberikan efek klik/hover yang elegan */
}

.text-primary { 
    color: var(--primary-color) !important; 
}

.bg-primary-light { 
    background-color: var(--primary-light) !important; 
    color: var(--primary-color) !important; 
}

/* Standarisasi Tombol Aksi (Bulat) untuk Edit/Hapus di Tabel */
.btn-action {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    padding: 0 !important;
    line-height: 0;
    transition: transform 0.2s ease-in-out;
}

.btn-action:hover {
    transform: scale(1.1); /* Efek membesar sedikit saat disentuh kursor */
}

.bg-soft-primary { background-color: var(--primary-light); color: var(--primary-color); }
.bg-soft-success { background-color: #dcfce7; color: #16a34a; }
.bg-soft-warning { background-color: #fef3c7; color: #d97706; }